Stepper
Inspect
A wizard nav composed from parts. StepperItem carries data-state="active|completed|inactive" (and data-loading while the active step is busy). Stepper takes an indicators map keyed by that state; StepperIndicator shows the entry for its step's state, or its own children where the map has none, so a completed step can show a check where the others show their number.
Examples
Horizontal wizard
Inspect
Custom indicators
An indicators map on the root: a check once completed, a ring while still to come, nothing on the active step.
Inspect
Shipping timeline
The buyer's order tracking timeline is the Stepper primitive in vertical orientation. This renders the real TrackingTimeline component.
Inspect