Falldown NPM | npm.io

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

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/

API Documentation

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 - pixi.js scrollbox: a masked box that can scroll vertically or horizontally with scrollbars (uses pixi-viewport)
pixi-ease - pixi.js animation library using easing functions
intersects - a simple collection of 2d collision/intersects functions. Supports points, circles, lines, axis-aligned boxes, and polygons