Skip to content

russelldavies/elm-ui-searchbox

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

russelldavies/elm-ui-searchbox

An Elm UI searchbox (searchable autocomplete dropdown).

This is essentially an Element.Input.text with extra parts to handle showing and filtering a list of options.

Demo

Usage

This searchbox stores just enough state to manage itself but does not store your options (you store them in whatever format is best for your app), the selected option, nor the text of the underlying Element.Input.text. It adheres to one of the core rules of the Elm Architecture: never put functions in your Model or Msg types. So SearchBox.state belongs in your model but its configuration does not.

Checkout the examples for how to have a searchbox with fixed number of options and one with dynamic number.

While the the input box can be styled however you want, the other parts like dropdown box, icons, and colors have no customization right now. If there is interest in this package then I'll add support for this.

About

An Elm UI searchbox (searchable autocomplete dropdown)

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages