Overview

The Slider is used to allow users to make selections from a range of values.

Properties

Properties	Description
defaultValue	The value of the slider when initially rendered. Use when you do not need to control the state of the slider.
value	The controlled value of the slider. Must be used in conjunction with onChange.
onChange	The event handler called when the value changes.
step	The stepping interval.
disabled	When true, prevents the user from interacting with the slider.
max	The maximum value for the range
min	The minimum value for the range.
color	Changes the color based on semantic tokens.
size	Changes the slider size including the thumb
className	The className property can be used to add a CSS class to a component that accepts styling. In Clutch, the className property powers the visual styling panel and the class name itself is auto-generated. Additional class names can be passed to the component by twirling open the className control and passing in strings.