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 (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)

id : String -> Option msg

Options/shorthand for setting the id of a select

disabled : 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 (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

rundis/elm-bootstrap/3.0.0

Bootstrap.Form.Select

Creating

Options

Modules