A simple to use javascript component as powerful alternative to the HTML <select> tag
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
.vscode
build
dist
doc
src
test
.gitignore
.travis.yml
LICENSE
README.md
deploy-docs.sh
package-lock.json
package.json
testem.json
tsconfig.json
tsconfig.test.json
tslint.json
webpack.config.js

README.md

Extended Listbox

Travis NPM David David Greenkeeper badge

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