---
description: The Wizard component wrapper.
---

# Wrapper

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

### 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          | Type        | Required |
| -------------- | ----------- | -------- |
| `children`     | `ReactNode` | ✅        |
| `selectedStep` | `string`    | ✅        |
| `heading`      | `ReactNode` | :x:      |

<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>selectedStep</summary>

Controls the content, footer and selected step.

</details>

<details>

<summary>heading</summary>

The title of the `Wizard.`

</details>
