Components

Steps

Steps — an ordered tracker that shows where someone is in a multi-part flow and how much is left, laid out as numbered nodes joined by connectors. Reach for it on a checkout, onboarding, or check-in wizard so people can see the whole path at a glance. Pass `items` for the sequence and `current` to mark the active step — every step up to and including it takes the `tone` color, the rest stay muted. Set `orientation` to `vertical` for a stacked layout in narrow columns, and give an item an `icon` to replace its auto number with a glyph. It is a status display, not a set of controls — use Tabs or a Button when a person needs to move between steps directly.