https://github.com/davidfig/falldown
a vanilla javascript combobox (combination of dropdown and input box)
https://github.com/davidfig/falldown
Last synced: 2 months ago
JSON representation
a vanilla javascript combobox (combination of dropdown and input box)
- Host: GitHub
- URL: https://github.com/davidfig/falldown
- Owner: davidfig
- License: mit
- Created: 2019-03-18T10:50:13.000Z (about 6 years ago)
- Default Branch: master
- Last Pushed: 2022-07-20T19:44:09.000Z (almost 3 years ago)
- Last Synced: 2025-02-18T13:03:37.349Z (3 months ago)
- Language: JavaScript
- Homepage:
- Size: 520 KB
- Stars: 2
- Watchers: 2
- Forks: 0
- Open Issues: 5
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# falldown
A vanilla javascript drop-down box replacement with no required external stylesheet.
Features include single or multiple drop-down box. Fully control styling using classes or intialization options in javascript. Create the drop-down box using only javascript or only markup. Events system to capture when the box changes.
## Simple Example
```js
import { FallDown } from 'falldown'
const falldown = new FallDown({
parent: document.body,
label: 'Choose a color:',
options: [
'black',
'blue',
'green',
'purple',
'yellow'
],
addCSS: true,
selected: 'black'
})
falldown.on('select', value => console.log(value))
```
## Live Example
[https://davidfig.github.io/falldown/](https://davidfig.github.io/falldown/)
## API Documentation
[https://davidfig.github.io/falldown/jsdoc/](https://davidfig.github.io/falldown/jsdoc/)
## Installation
```
npm i falldown
```
## Other Libraries
If you liked dropdown, please try my other open source libraries:
* [pixi-scrollbox](https://github.com/davidfig/pixi-scrollbox) - pixi.js scrollbox: a masked box that can scroll vertically or horizontally with scrollbars (uses pixi-viewport)
* [pixi-ease](https://github.com/davidfig/pixi-ease) - pixi.js animation library using easing functions
* [intersects](https://github.com/davidfig/intersects) - a simple collection of 2d collision/intersects functions. Supports points, circles, lines, axis-aligned boxes, and polygons
## license
MIT License
(c) 2019 [YOPEY YOPEY LLC](https://yopeyopey.com/) by [David Figatner](https://twitter.com/yopey_yopey/)