Extended-listbox NPM

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>