> 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/fileuploadregion/code/wrapper.md).

# Wrapper

{% hint style="info" %}
This is a compound component.
{% endhint %}

### API

This component extends the native div tag props. This means this component can receive the native html div attributes, for example, the `className` attribute (which is why it's not included in the table).

<table><thead><tr><th>Props</th><th width="269.3333333333333">Type</th><th>Required</th></tr></thead><tbody><tr><td><code>children</code></td><td><code>ReactNode</code></td><td>✅</td></tr><tr><td><code>isDisabled</code></td><td><code>boolean</code></td><td>❌</td></tr><tr><td><code>hasError</code></td><td><code>boolean</code></td><td>❌</td></tr></tbody></table>

<details>

<summary>children</summary>

The children in this case, because it is a compound component, should be the ones provided by this design system.&#x20;

</details>

<details>

<summary>hasError</summary>

The hasError prop sets the component state to an error state, changing its colors by the ones defined in the tokens.

</details>

<details>

<summary>isDisabled</summary>

Disable the component by changing its state.&#x20;

</details>