Extended Listbox
Extended Listbox is a simple to use javascript component as powerful
alternative to the HTML <select> tag. The main problem of
<select> tag is that last one isn’t flexible for customization with
CSS. Extended Listbox solves this problem. This component creates a list
structure based on <div> tags. The configuration is completely in
JavaScript. It opens up great possibilities for customization. No jquery is needed.
In addition, this component provides other useful features like a search bar or grouped items.
Supported Browsers
- Edge latest
- Chrome latest
- Firefox latest
Installation
Install with NPM:
npm install extended-listbox
TypeScript definitions are included in the npm package.
Usage
Link the component and a stylesheet from your page.
<!-- include javascript and stylesheet -->Size
| Type | Size |
|---|---|
| Uncompressed, not minified | 27,8 KB |
| Uncompressed, minified | 11,3 KB |
| Compressed (gzip), not minified | 5,1 KB |
| Compressed (gzip), minified | 3,3 KB |