extended-listbox

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

Usage no npm install needed!

<script type="module">
  import extendedListbox from 'https://cdn.skypack.dev/extended-listbox';
</script>

README

Extended Listbox

Travis 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

Documentation

License

Changelog

Roadmap