Noiseless Praying Mantis
    Share your code. npm Orgs help your team discover, share, and reuse code. Create a free org »

    comboboxpublic

    Combobox

    Combobox is a JavaScript plugin that will automatically turn a regular ol‘ select element into an autocomplete. It is only 6KB minified and doesn‘t have any dependencies. It comes with some default styles, but provides markup that can be easily customized if needed. It was built with accesibility in mind and makes full use of ARIA attributes and roles to be screen reader friendly.

    Getting started

    Include the styles in the head of your document.

    <link rel="stylesheet" href="https://npmcdn.com/select-combobox/dist/combobox.css">

    Include the script at the bottom of the body.

    <script src="https://npmcdn.com/select-combobox/dist/combobox.js"></script>

    Add a new <select> element with the class autocomplete.

    Make sure your select is wrapped in a container and it has a label within that container.

    Example:

    <div>
      <label for="example">Example</label>
      <select id="example" class="autocomplete">
        <option value="1">Option one</option>
        <option value="2">Option two</option>
        <option value="3">Option three</option>
      </select>
    </div>

    View on CodePen

    Development

    npm install && gulp

    Keywords

    none

    install

    npm i combobox

    Downloadsweekly downloads

    14

    version

    1.0.1

    license

    MIT

    repository

    github.com

    last publish

    collaborators

    • avatar
    • avatar