ractive-droplist

A searchable select list for Ractive

Features

Lightweight, minified version is < 15kb
Navigate through the list using the arrow keys
Dropdown closes by clicking anywhere on the screen or by hitting the esc key
Exposes a "change" event when a user changes the selected option
Configure whether the full list is shown on open or not
Works with any Array of Objects structure (configurable value - text mapping)
Comes with Bootstrap 4 styling by default but it's also highly customizable via user CSS classes

Development

In order to start development:

npm i
npm run watch