Einlaufende Liste — component.animated-list
Liste, deren Einträge nacheinander einlaufen (Benachrichtigungs-Demos, Feature-Aufzählungen): Icon-Fläche, Titel, Text, Zeit — mit prefers-reduced-motion-Rückfall
Componentv1.0.1Inhaltweb.documentweb.applicationdesktop.shellbuilder.preview
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 |
|---|---|---|
items * | array | — |
stagger | number | 140 |
Stellschrauben (Komponenten-Tokens)
| Token | Default |
|---|---|
--list-delay | 0ms |
Genutzte Design-Tokens
border.hairline color.border.default color.surface.default color.text.default color.text.muted easing.standard elevation.control font.family.default radius.surface size.3 text.md text.sm text.xs weight.medium