> For the complete documentation index, see [llms.txt](https://help.iviva.com/uxp/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.iviva.com/uxp/types/imodalwizardprops.md).

# IModalWizardProps

```tsx
interface IModalWizardProps {

    /**
     * Set this to true to show the dialog. False to hide it
     */
    show: boolean;

    /**
     * Call this to close the dialog
     */
    onClose:()=>void;

    /**
     * The title to show on the top
     */
    title: string;

    /**
     * An optional icon to show
     */
    icon?: string;

    /**
     * A method to render a subheader just below the title area.
     */
    onRenderHeader?:(currentStep:IModalWizardStepProps)=> JSX.Element;

    /**
     * The list of steps that this wizard consists of.
     */
    steps: IModalWizardStep[];

    /**
     * This action executes after they hit 'next' on the final page.
     */
    onComplete:()=>Promise<any>;

    /**
     * Text to show on the 'next' button in the final stage.
     */
    completionText?: string;
    className?:string;
}
```

## Usage

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