nixCodeX / elm-bootstrap / Bootstrap.Form.Select

This module allows you to create Bootstrap styled select elements.

Creating

select : List (Option msg) -> List (Item msg) -> Html msg

Create a select

Select.select
    [ Select.id "myselect"
    , Select.onChange MySelectMsg
    ]
    [ Select.item [ value "1" ] [ text "Item 1" ]
    , Select.item [ value "2" ] [ text "Item 2" ]
    ]

custom : List (Option msg) -> List (Item msg) -> Html msg

Create a select with custom Bootstrap styling to make it look a little bit nicer than the default browser select element

item : List (Html.Attribute msg) -> List (Html msg) -> Item msg

Create a select option element to be passed to a select


type Item msg

Opaque type representing a select option element

Options

id : String -> Option msg

Options/shorthand for setting the id of a select

small : Option msg

Option to make a select shorter (height)

large : Option msg

Option to make a select taller (height)

disabled : Basics.Bool -> Option msg

Shorthand for setting the disabled attribute of a select

onChange : (String -> msg) -> Option msg

Shorthand for assigning an onChange handler for a select

attrs : List (Html.Attribute msg) -> Option msg

Use this function to handle any Html.Attribute option you wish for your select


type Option msg

Opaque type representing legal select options

Validation

success : Option msg

Option to add a success marker icon for your select.

danger : Option msg

Option to add a danger marker icon for your select.