nixCodeX / elm-bootstrap / Bootstrap.Form.Range

This module allows you to create Bootstrap styled range inputs.

Creating

range : List (Option msg) -> Html msg

Create a range input.

Range.range
    [ Range.id "myRange"
    , Range.min "-10"
    , Range.max "10"
    , Range.onInput MyRangeMsg
    ]


type Range msg

Opaque composable type representing a Range.

Options

id : String -> Option msg

Set the id for the range.

min : String -> Option msg

Option to set the min value for the range.

max : String -> Option msg

Option to set the max value for the range.

step : String -> Option msg

Option to set the step value for the range.

value : String -> Option msg

Option to set the value for the range.

disabled : Basics.Bool -> Option msg

Option to disable the range

onInput : Maybe (String -> msg) -> Option msg

Shorthand for assigning an onInput handler for a range.

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

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


type Option msg

Opaque type representing valid customization options for a radio