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

# Wrapper

The MiniWizard component 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:                               |     |
| `isOpen`                 | `boolean`                        | :x:                               |     |
| `onClose`                | `() => void;`                    | ✅                                 |     |
| `completedStepsBehavior` | <p></p><p><code>'resetAtClosing' | 'notResetingAtClosing'</code></p> | :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 `MiniWizard.`

</details>

<details>

<summary>isOpen</summary>

Used to control the open/closed state of the `MiniWizard.`

</details>

<details>

<summary>onClose</summary>

Function executed when the `MiniWizard` is closed.

</details>

<details>

<summary>completedStepsBehavior</summary>

The behavior the MiniWizard uses. Either resetting itself after closing, or keeping the state. Client side only.

</details>