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.
- IE 11
- Edge latest
- Chrome latest
- Firefox latest
Install with NPM:
npm install extended-listbox
TypeScript definitions are included in the npm package.
Link the component and a stylesheet from your page.
<!-- include javascript and stylesheet -->
<link href="/path/to/extended-listbox.css" rel="stylesheet">
<script src="/path/to/extended-listbox.js"></script>| Type | Size |
|---|---|
| Uncompressed, not minified | 31,3 KB |
| Uncompressed, minified | 13,5 KB |
| Compressed (gzip), not minified | 5,3 KB |
| Compressed (gzip), minified | 3,5 KB |