extended-listbox

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 -->
<link href="/path/to/extended-listbox.css" rel="stylesheet">
<script src="/path/to/extended-listbox.js"></script>

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

Documentation

License

Changelog

Roadmap