OddApp Design

Stepper

@oddapp/ui · Tier 2

Linear multi-step progress indicator for guided workflows. (Aspirational — not yet exported by @oddapp/ui.)

Default

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

const steps = [
  { label: 'Details' },
  { label: 'Review' },
  { label: 'Confirm' },
]

<Stepper steps={steps} currentStep={1} />