OddApp Design

Wizard

@oddapp/ui · Tier 2

Multi-step form container with built-in navigation, validation, and state isolation. (Aspirational — not yet exported by @oddapp/ui.)

Default

Wizard — preview renders in browser when component is exported from @oddapp/ui
import { Wizard, WizardStep } from '@oddapp/ui'

<Wizard onComplete={(data) => submit(data)}>
  <WizardStep label="Account">
    <AccountForm />
  </WizardStep>
  <WizardStep label="Billing">
    <BillingForm />
  </WizardStep>
  <WizardStep label="Confirm">
    <ConfirmStep />
  </WizardStep>
</Wizard>