Type used to define sub-steps.

interface WizardSubStep {
    component?: ReactElement<any, string | JSXElementConstructor<any>>;
    footer?: ReactElement<any, string | JSXElementConstructor<any>> | Partial<WizardFooterProps>;
    id: string | number;
    index: number;
    isDisabled?: boolean;
    isHidden?: boolean;
    isVisited?: boolean;
    name: ReactNode;
    navItem?: WizardNavItemType;
    parentId: string | number;
    status?: "default" | "error";
}

Hierarchy (view full)

Properties

component?: ReactElement<any, string | JSXElementConstructor<any>>

Content shown when the step's navigation item is selected. When treated as a parent step, only sub-step content will be shown.

footer?: ReactElement<any, string | JSXElementConstructor<any>> | Partial<WizardFooterProps>

Replaces the step's footer. The step's footer takes precedance over the wizard's footer.

id: string | number

Unique identifier

index: number

Order index of step (starts at 1)

isDisabled?: boolean

Flag to disable the step's navigation item

isHidden?: boolean

Flag to determine whether the step is hidden

isVisited?: boolean

Flag to represent whether the step has been visited (navigated to)

name: ReactNode

Name of the step's navigation item

Replaces the step's navigation item or its properties.

parentId: string | number

Unique identifier of the parent step

status?: "default" | "error"

Used to determine icon next to the step's navItem