DoubleSlider

A slider component, with two track thumbs.

Definition

type DoubleSlider msg

Type representing the DoubleSlider component

Init

init :

{ min : Float

, max : Float

, step : Float

, lowValue : Float

, highValue : Float

, onLowChange : Float -> msg

, onHighChange : Float -> msg

}

-> DoubleSlider msg

Initializes a DoubleSlider

View

view : DoubleSlider msg -> Html msg

DoubleSlider view

Updaters

updateHighValue : Float -> DoubleSlider msg -> DoubleSlider msg

Update the slider's value

updateLowValue : Float -> DoubleSlider msg -> DoubleSlider msg

Update the slider's low value

Config

withCurrentRangeFormatter :

( { lowValue : Float

, highValue : Float

, min : Float

, max : Float

}

-> String

)

-> DoubleSlider msg

Allows for customization of the slider's range label

withHighValueFormatter : (Float -> Float -> String) -> DoubleSlider msg -> DoubleSlider msg

Allows for customization of the current high value label

withLowValueFormatter : (Float -> Float -> String) -> DoubleSlider msg -> DoubleSlider msg

Allows for customization of the current low value label

withMaxFormatter : (Float -> String) -> DoubleSlider msg -> DoubleSlider msg

Allows for customization of the maximum value label

withMinFormatter : (Float -> String) -> DoubleSlider msg -> DoubleSlider msg

Allows for customization of the minimum value label

withOverlapThreshold : Float -> DoubleSlider msg -> DoubleSlider msg

The overlap threshold determines the minimum difference between the two thumbs. By default it is set to 1.0

Helper

fetchLowValue : DoubleSlider msg -> Float

Fetch DoubleSlider's Low value

fetchHighValue : DoubleSlider msg -> Float

Fetch DoubleSlider's High value

carwow/elm-slider/11.1.3