The Slider component wrapper usage and API reference.
API
This component extends the native <div> API. That's why the className prop is not included in the table.
Props
Data Type
Required
children
ReactNode
✅
isDisabled
boolean
❌
hasError
boolean
❌
children
The children of this component will always be the 3 subcomponents listed before. Only the Control subcomponent is required.
hasError and isDisabled
The isDisabled and isError props control whether the slider component should display the disabled and error states, respectively. Setting the isDisabled prop to true disables the slider, indicating that the component is not currently interactive. The isError prop, when set to true, indicates to the user that an error has occurred, and the current value of the slider is invalid.