Guys please work on documentation and initial tutorial how to use it.

Author: stopsopaCreated Apr 9, 2026Updated Apr 9, 2026

Labelsfeature request

I've tried to use simplest steps:

xml

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="/node_modules/normalize.css/normalize.css">
    <!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/choices.js/public/assets/styles/base.min.css" /> -->

    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/choices.js/public/assets/styles/choices.min.css" />

    <style>
        .choices {
            width: 200px;
        }
    </style>
</head>

<body>
    <select class="form-control" name="choices-multiple-remote-fetch" id="choices-multiple-remote-fetch"
        multiple>
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
    </select>
    <script type="module">
        import Choices from "/node_modules/choices.js/public/assets/scripts/choices.mjs";

        const choices = new Choices('#choices-multiple-remote-fetch', {
            searchEnabled: false,
            shouldSort: false,
            itemSelectText: '',
        });
    </script>
</body>

</html>

and when base.css is commented out it looks like s**t.

but when I uncomment then background of the page turns dark???

Why including css of a component would change color of background?? What is going on here? It's not really explained which css one supposed to use, there is just list like: here you can take base.css and here choices.min.css. And go figure out yourself.

And it is confusing where go from here. Documentation in main README.md goes pretty fast into api spec. That is not acceptable for modern standards.

Source: Choices-js/Choices

View original on GitHub View discussion on GitHub