Einlaufende Liste
Liste, deren Einträge nacheinander einlaufen (Benachrichtigungs-Demos, Feature-Aufzählungen): Icon-Fläche, Titel, Text, Zeit — mit prefers-reduced-motion-Rückfall
Nutzt: ui.featured-icon
Beispiele
Benachrichtigungen laufen nacheinander ein (Seite neu laden zeigt es erneut)
- Neue Bestellung #4721Muster GmbH · 1.240,00 €gerade eben
- Zahlung eingegangenRechnung #9080 ausgeglichenvor 2 Min
- Lagerbestand niedrigArtikel SW-2231 · noch 3 Stückvor 5 Min
- Versand fehlgeschlagenAdresse unvollständigvor 12 Min
Eigenschaften
| Prop | Typ | Default | Builder-Label |
|---|---|---|---|
| items * | array | — | Einträge |
| stagger | number | 140 | Versatz je Eintrag (ms) |
* Pflicht-Prop
Genutzte Design-Tokens
border.hairlinecolor.border.defaultcolor.surface.defaultcolor.text.defaultcolor.text.mutedeasing.standardelevation.controlfont.family.defaultradius.surfacesize.3text.mdtext.smtext.xsweight.medium