Selektor
========

Selektor is a lite-weight UI alternative. It is based on native HTMLSelectElement. You can:
- Use your owns templates or one based on your favorite UI framework.
- Search/filter over select's options.
- Navigate by keyboard (arrows, paragraphs, escape, enter, etc...)
- Programmatically disable options.
- Load options from remote source (API, Ajax, etc...).
- Usable in your JavaScript and TypeScript projects!

Install

$3

``shell
npm install @selektor/selektor

or

yarn add @selektor/selektor
`

Basic usages

`js
import {Selektor} from '@selektor/selektor';

// If you want to init existing selektor by data attribute.
Selektor.scanHTMLSection();

// Same as previous but limit on a part of the document.
Selektor.scanHTMLSection('#your-section-id');
Selektor.scanHTMLSection(document.querySelector('#your-section-id'));

// Manually init Selektor.
const select = new Selektor('select#your-select-id');
const select = new Selektor(document.querySelector('select#your-select-id'));

// With config.
const select = new Selektor('select#your-select-id', {
// Put your config here
});

`

Configuration

See configuration source code.

Advanced Usages

$3

There are 5 templates customizable. Take a look at default templates directory to see what you can do.
Here an example with the default template for virtual option in the dropdown.
`ts
const select = new Selektor('select#your-select-id', {
templates: {
option: (option: Option