Multi Step Wizard

layout

Configurable step-by-step wizard with validation and progress indicator.

Preview

No preview available

Check the code examples below.

Installation

npm install @launchapp/design-system
Import
import { MultiStepWizard } from "@launchapp/design-system";

Examples

Setup wizard

<MultiStepWizard  steps={[    { id: "info", title: "Basic Info", content: <div>Step 1 form</div> },    { id: "config", title: "Configuration", content: <div>Step 2 form</div> },    { id: "review", title: "Review", content: <div>Summary</div> },  ]}  onComplete={() => console.log("done")}/>

Props

PropTypeDefaultDescription
steps*
WizardStep[]—Array of step objects with id, title, and content.
onComplete
() => void—Called when all steps are completed.
← PreviousMulti Panel Layout
Next →Notification Bell