Slider

yarn add @clayui/slider

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

Range and Step

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

With Tooltip

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.

Decades

Code Sample (expand to see it)