# Wrapper

&#x20;This component extends the native [`<div>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes) API, for example, the `title` attribute.

## 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.

<table><thead><tr><th>Props</th><th width="399.66666666666663">Data Type</th><th>Required</th></tr></thead><tbody><tr><td><code>children</code></td><td><code>ReactNode</code></td><td><span data-gb-custom-inline data-tag="emoji" data-code="2705">✅</span></td></tr><tr><td><code>selectedVisibility</code></td><td><code>'single' | 'multiple'</code></td><td><span data-gb-custom-inline data-tag="emoji" data-code="274c">❌</span></td></tr><tr><td><code>variant</code></td><td><code>'ruled' | 'contained'</code></td><td><span data-gb-custom-inline data-tag="emoji" data-code="274c">❌</span></td></tr><tr><td><code>collapsedIndicatorIcon</code></td><td><a href="https://2600hz.github.io/sds-telicon/"><code>AvailableTelicon</code></a></td><td><span data-gb-custom-inline data-tag="emoji" data-code="274c">❌</span></td></tr><tr><td><code>expandedIndicatorIcon</code></td><td><a href="https://2600hz.github.io/sds-telicon/"><code>AvailableTelicon</code></a></td><td><span data-gb-custom-inline data-tag="emoji" data-code="274c">❌</span></td></tr></tbody></table>

<details>

<summary>children</summary>

The subcomponents provided.

</details>

<details>

<summary>selectedVisibility</summary>

If multiple accordions can be open or not.

</details>

<details>

<summary>variant</summary>

Just to change the presentation of the accordions.

</details>

<details>

<summary>collapsedIndicatorIcon</summary>

Can be a custom icon when collapsed.

</details>

<details>

<summary>expandedIndicatorIcon</summary>

Can be a custom icon when expanded.

</details>
