Wrapper

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.