Stepper Completed 1 - Completed steps

Pro

Stepper with earlier steps marked completed via the completed prop.
Shadcn Stepper Completed 1 component

Component Data

  • ID:stepper/stepper-completed-1
  • Access:pro
  • Created:Jul 30, 2026
  • Type:example

Stepper Completed 1 component design & features

This example marks earlier steps with the completed prop so checkmarks appear even when those steps are not the active value.

Completed states are useful for support tickets, fulfillment pipelines, and any progress UI that reflects work already finished.