RangeSlider

View Source

Allow the user to specify a numeric value which must be no less than a minimum value and no more than a maximum value. Composes Box.

50

Props

Themeable

Accepts Box props.

Use the rangeSlider key in ThemeProvider to customize the default properties of this component.

disabledboolean

Prevents the slider from being used and lowers its opacity.

maxnumber

Maximum number that can be selected. Defaults to 100.

minnumber

Minimum number that can be selected. Defaults to 0.

onChangeFunction

Called with the new value when dragging, clicking, tapping, or using a keyboard.

stepnumber

Specifies the size of each movement when incrementing/decrementing the value. Defaults to 1.

valuenumber

The current value of the slider.

variantsignature
progress:Object
thumb:Object
track:Object

Provides the ability to change styles used throughout the RangeSlider component.