Elm Input Extra

Text Input

With the ability to set maximum length. You can also track the focus state of the element.

Number Input

Only accept numeric input, with the ability to set maximum length, maximum value, and minimum value. You can also track the focus state of the element

Masked Text Input

Text input with the ability to mask the input to a specific format/pattern.

Masked Number Input

Number input with the ability to mask the input to a specific format/pattern.

Dropdown Element

Multi Select Element

The standard <select> element on elm-lang/html doesn't handle multiple selected options properly. This MultiSelect element is using custom decoder to get the selected options on a change event.