> For the complete documentation index, see [llms.txt](https://2600hz.gitbook.io/sds/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://2600hz.gitbook.io/sds/sds-3.0/sds-components/components/slider/code/wrapper.md).

# Wrapper

The Slider component wrapper usage and API reference.

## API

This component extends the native [\<div>](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes) API. That's why the className prop is not included in the table.

| Props        | Data Type   | Required |
| ------------ | ----------- | -------- |
| `children`   | `ReactNode` | ✅        |
| `isDisabled` | `boolean`   | :x:      |
| `hasError`   | `boolean`   | :x:      |

<details>

<summary>children</summary>

The children of this component will always be the 3 subcomponents listed before. Only the `Control` subcomponent is required.

</details>

<details>

<summary>hasError and isDisabled</summary>

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.

</details>