Skip to content

A simple to use javascript component as powerful alternative to the HTML <select> tag

License

Notifications You must be signed in to change notification settings

ckotzbauer/extended-listbox

Repository files navigation

Extended Listbox

build codecov NPM David David

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

Contributing

Please refer to the Contribution guildelines.

Code of conduct

Please refer to the Conduct guildelines.

Security

Please refer to the Security process.