An open API service indexing awesome lists of open source software.

https://github.com/ckotzbauer/extended-listbox

A simple to use javascript component as powerful alternative to the HTML <select> tag
https://github.com/ckotzbauer/extended-listbox

javascript-components listbox multiselect select

Last synced: 3 months ago
JSON representation

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

Awesome Lists containing this project

README

          

# Extended Listbox

![build](https://github.com/ckotzbauer/extended-listbox/workflows/build/badge.svg)
[![codecov](https://codecov.io/gh/ckotzbauer/extended-listbox/branch/main/graph/badge.svg?token=CDK8TH9DLZ)](https://codecov.io/gh/ckotzbauer/extended-listbox)
[![NPM](https://img.shields.io/npm/v/extended-listbox.svg)](https://www.npmjs.com/package/extended-listbox)
[![David](https://img.shields.io/david/ckotzbauer/extended-listbox.svg)](https://david-dm.org/ckotzbauer/extended-listbox)
[![David](https://img.shields.io/david/dev/ckotzbauer/extended-listbox.svg)](https://david-dm.org/ckotzbauer/extended-listbox)

**Extended Listbox** is a simple to use javascript component as powerful
alternative to the HTML `` tag. The main problem of
`` 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 `

` 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.

```html

```

## 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](http://ckotzbauer.github.io/extended-listbox/documentation/latest/)
--------------
[License](https://github.com/ckotzbauer/extended-listbox/blob/main/LICENSE)
--------
[Changelog](https://github.com/ckotzbauer/extended-listbox/blob/main/CHANGELOG.md)
----------

## Contributing

Please refer to the [Contribution guildelines](https://github.com/ckotzbauer/.github/blob/main/CONTRIBUTING.md).

## Code of conduct

Please refer to the [Conduct guildelines](https://github.com/ckotzbauer/.github/blob/main/CODE_OF_CONDUCT.md).

## Security

Please refer to the [Security process](https://github.com/ckotzbauer/.github/blob/main/SECURITY.md).