PF6.Slider

PF6 Slider component

A range slider input with PF6 styling.

Definition

type Slider msg

Opaque Slider type

{ value : Float

, onChange : Float -> msg

, min : Float

, max : Float

}

-> Slider msg

Construct a Slider

slider { value = 50, onChange = SliderChanged, min = 0, max = 100 }

withLabel : String -> Slider msg -> Slider msg

Set a visible label above the slider

withStep : Float -> Slider msg -> Slider msg

Set the step increment

Disable the slider

Show the current value next to the slider

Show tick marks along the track

Provide a custom thumb element

toMarkup : Slider msg -> Element msg

Render the Slider as an Element msg