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
Stellschrauben (Komponenten-Tokens)
Ebene 3 — aus dem CSS generiert (Registry). Umverdrahtbar per Hüllen-Komposition, ohne Markup-Eingriff; künftige Regler-Quelle des Component Builders.
| Token | Default |
|---|---|
--list-delay | 0ms |
Genutzte Design-Tokens
border.hairlinecolor.border.defaultcolor.surface.defaultcolor.text.defaultcolor.text.mutedeasing.standardelevation.controlfont.family.defaultradius.surfacesize.3text.mdtext.smtext.xsweight.medium