phollyer/elm-ui-dropdown

A simple dropdown component for elm-ui


License
BSD-3-Clause
Install
elm-package install phollyer/elm-ui-dropdown 2.2.1

Documentation

elm-ui-dropdown

A dropdown component for Elm-UI providing:

Button or TextField Elements

Choose between a Button or a TextField as the root element.

Keyboard Navigation and Selection

[UP] & [DOWN] arrows will traverse up and down the menu.

[ENTER] will select the current menu option.

[ESC] will hide the menu.

[DOWN] arrow will show the menu if the menu is hidden and the root element has focus.

Positionable Elements

Position the label and menu above, below, left or right of the root element or hide the label completely.

Customisable Elements

All elements can be styled independently by providing their own list of Attributes .

Option Filtering

Filter the menu options as the user enters text in the TextField.


Install

elm install phollyer/elm-ui-dropdown


Examples

See the examples folder for some examples. Use elm reactor to try them out locally.


Docs

Package docs are here .


Issues

Please log any bugs as an issue.

Feature requests and suggestions are welcome, please log them as an issue too.

Pull requests are also welcome.