Skip to main contentSkip to search

Slider

yarn add @clayui/slider

A Slider allows the user to select values in a linear range of values.

Stable3.89.0View in LexiconCHANGELOGstorybook demos

Slider is a controlled component and needs just 2 props for its basic use, value and onChange.

Code Sample (expand to see it)

Range and Step

For a more specific use case you can specify other props, like min and max to determine the range, and step to specify how much the value changes.

Code Sample (expand to see it)

How can this be improved? Create an issue!