Slider

Sliders reflect a range of values along a bar, from which users may select a single value. They are ideal for adjusting settings such as volume, brightness, or applying image filters

Continuous sliders

Continuous sliders allow users to select a value along a subjective range

Range slider

The slider can be used to set the start and end of a range by supplying an array of values to the value prop.

Discrete sliders

Discrete sliders can be adjusted to a specific value by referencing its value indicator.

Vertical orientation

Example: Controlled