Ship-It Designv0.0.3
GitHub

Stepper

Each example below is a real component instance — flip the theme toggle to see how it adapts.

Default#

Loading…

All States#

Loading…

Props#

Props for Stepper
PropTypeDefaultDescription
steps *readonly StepperStep[]Ordered steps. A step may be either a bare string label or an object `{ id?, label }`. Use `id` to give React a stable key when two steps share a label (e.g. ["Plan", "Plan Review"]).
current *numberZero-based index of the current step. Steps before are `done`, after are `upcoming`.