Schritte (Progress Steps)

Wizard-Fortschritt (Untitled-UI-Muster): erledigte Schritte mit Häkchen, aktiver hervorgehoben, kommende gedämpft — Verbindungslinien aus Tokens

Im Builder nutzen

Nutzt: ui.icon

Beispiele

Wizard mit erledigtem, aktivem und kommenden Schritt

1. KundendatenName und Adresse
2. 2PositionenArtikel wählen
3. 3VersandArt und Termin
4. 4PrüfenZusammenfassung

Eigenschaften

Prop	Typ	Default	Builder-Label
steps *	array	—	Schritte
active	number	0	Aktiver Schritt (0-basiert)

* Pflicht-Prop

Genutzte Design-Tokens

border.hairlinecolor.action.on-primarycolor.action.primarycolor.border.defaultcolor.border.strongcolor.surface.defaultcolor.text.defaultcolor.text.mutedfocus.ring-widthfont.family.defaultradius.fullsize.1size.2size.4size.8text.smweight.semibold