Skip to main content

Function: Wizard()

Wizard(__namedParameters): any

Defined in: composites/Wizard/Wizard.tsx:282

A step-at-a-time Structure composite. The host reads each child's fixed composition identity at runtime to decide which single step to render, whether to swap in the summary view, and whether to render the navigation row. This is the canonical evidence that FSL Composition drives behavior from fixed-identity sub-parts (complementing DialogActions, which drives behavior from runtime values on leaves).

Parameters​

ParameterType
__namedParametersWizardProps

Returns​

any

Example​

const [step, setStep] = React.useState(0);
return (
  <Wizard currentStep={step} onStepChange={setStep} aria-label="Onboarding">
    <WizardStep>First step content</WizardStep>
    <WizardStep>Second step content</WizardStep>
    <WizardStep>Third step content</WizardStep>
    <WizardSummary>All done!</WizardSummary>
    <WizardNavigation prevLabel="Back" nextLabel="Next" finishLabel="Finish" />
  </Wizard>
);