Interface WizardToggleProps

Used to toggle between step content, including the body and footer. This is also where the navigation and its expandability is controlled.

interface WizardToggleProps {
    activeStep: WizardStepType;
    aria-label?: string;
    footer: ReactElement<any, string | JSXElementConstructor<any>>;
    isNavExpanded?: boolean;
    nav: ReactElement<WizardNavProps, string | JSXElementConstructor<any>>;
    steps: WizardStepType[];
    toggleNavExpanded?: ((event: KeyboardEvent | MouseEvent<HTMLButtonElement, MouseEvent>) => void);
}

Properties

activeStep aria-label? footer isNavExpanded? nav steps toggleNavExpanded?

Properties

activeStep

activeStep: WizardStepType

The current step

Optionalaria-label

aria-label?: string

The expandable dropdown button's aria-label

footer

footer: ReactElement<any, string | JSXElementConstructor<any>>

Wizard footer

OptionalisNavExpanded

isNavExpanded?: boolean

Flag to determine whether the dropdown navigation is expanded

nav

nav: ReactElement<WizardNavProps, string | JSXElementConstructor<any>>

Wizard navigation

steps

steps: WizardStepType[]

List of steps and/or sub-steps

OptionaltoggleNavExpanded

toggleNavExpanded?: ((event: KeyboardEvent | MouseEvent<HTMLButtonElement, MouseEvent>) => void)

Callback to expand or collapse the dropdown navigation

Settings

Member Visibility

On This Page

Properties