# Wizard

A wizard-style interface to guide users through a journey. You can conditionally skip steps and validate steps before proceeding.

## Installation

```tsx
import { Wizard } from 'uxp/components';
```

## Signature

```tsx
const Wizard: React.FunctionComponent<IWizardProps>
```

## Properties

| Name            | Type                                                                                    | Mandatory | Default Value | Example Value |
| --------------- | --------------------------------------------------------------------------------------- | --------- | ------------- | ------------- |
| steps           | [IWizardStep\[\]](https://help.iviva.com/uxp/v5/additional-resources/types/iwizardstep) | Yes       | -             | -             |
| completionTitle | string                                                                                  | No        | -             | -             |
| onComplete      | () => Promise                                                                           | No        | -             | -             |

## Related Types

* [IWizardProps](https://help.iviva.com/uxp/v5/additional-resources/types/iwizardprops)
* [IWizardStep](https://help.iviva.com/uxp/v5/additional-resources/types/iwizardstep)
* [IWizardStepProps](https://help.iviva.com/uxp/v5/additional-resources/types/iwizardstepprops)