Variable: Stepper

@arolariu/components

---

@arolariu/components / Stepper

Variable: Stepper

const Stepper: ForwardRefExoticComponent<StepperProps & RefAttributes<HTMLDivElement>>

Defined in: components/ui/stepper.tsx:50

Displays a multi-step progress indicator for wizard-like workflows.

Remarks

Rendering Context: Server- and client-compatible presentational component.

Renders a semantic list of steps and marks each item as completed, active, or upcoming based on the supplied zero-based active index. Use it to communicate progress across onboarding flows, checkout funnels, or multi-step forms.

Example

<Stepper
  steps={["Account", "Profile", "Review"]}
  activeStep={1}
/>

See

WAI progress indicator guidance