<select-search>

An alternative select Web Component that implements search filtering.

Overview

Usage

Install

npm i @purewc/select-search

Import and register as a custom element

import { HTMLSelectSearchElement } from '@purewc/select-search';

customElements.define("select-search", HTMLSelectSearchElement );

HTML example

<select-search value="angola">
    <option value="">Select a Country</option>
    <option value="afghanistan">Afghanistan</option>
    <option value="albania">Albania</option>
    ...
    <option value="zambia">Zambia</option>
    <option value="zimbabwe">Zimbabwe</option>
</select-search>

Non-module Usage

Clone the project and run the webpack script.

npx webpack

Include the compiled output as a script.

<script src="dist/purewc-select-search.auto.js"></script>

This will automatically register the element class as select-search.

Demo

https://mjbrisebois.github.io/purewc-select-search/docs/

Contributing

See CONTRIBUTING.md