Skip to content

Stepper

Open .md
Live preview

Loading example…

Step 1-N indicator for multi-stage flows.

import { Stepper } from "@jcsoftdev/ui/navigation";

Single-component entry points tree-shake to just this component: @jcsoftdev/ui/navigation/stepper.

<Stepper steps={steps} currentStepId="barbero" />
Prop Type Default Description
steps * Step[]
currentStepId * string
className string

* marks a required prop.

packages/ui/src/navigation/stepper/stepper.tsx