https://github.com/kouts/ractive-droplist

A searchable select list for Ractive
https://github.com/kouts/ractive-droplist

dropdown droplist ractive select select2

Last synced: 11 days ago
JSON representation

A searchable select list for Ractive

• Host: GitHub
• URL: https://github.com/kouts/ractive-droplist
• Owner: kouts
• License: mit
• Created: 2018-07-23T18:13:05.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2023-01-06T01:37:35.000Z (almost 2 years ago)
• Last Synced: 2024-12-09T03:13:16.894Z (17 days ago)
• Topics: dropdown, droplist, ractive, select, select2
• Language: HTML
• Homepage:
• Size: 839 KB
• Stars: 1
• Watchers: 3
• Forks: 0
• Open Issues: 10
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# 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

Click here for documentation and examples

https://kouts.github.io/ractive-droplist/demo/

# Development

In order to start development:

```sh

npm i

npm run watch

```