Zahlen-Fluss (animierter Wert)
Zahl, die bei Wertänderung zum neuen Wert zählt (deutsches Format) — Server rendert den Endwert; mit [data-motion=reduce] am Konsumenten springt er sofort
Beispiele
Umsatz (zählt beim Erscheinen hoch)
€128.450,50
Prozentwert statisch
99,9%
Ganzzahl
1.240
Eigenschaften
| Prop | Typ | Default | Builder-Label |
|---|---|---|---|
| value * | number | — | Wert |
| decimals | number | 0 | Nachkommastellen |
| prefix | string | "" | Voranstellung (z. B. €) |
| suffix | string | "" | Anhang (z. B. %) |
| animateOnMount | boolean | false | Beim Erscheinen von 0 hochzählen |
* Pflicht-Prop
Genutzte Design-Tokens
color.text.defaultcolor.text.mutedfont.family.defaultsize.1
LLM-Notizen
component.number-flow
Zahl, die bei Wertänderung zum neuen Wert zählt (deutsches Format, tabellarische Ziffern). Server rendert den ENDWERT — der Zähl-Effekt ist Schmuck (prefers-reduced-motion springt sofort). Wert ändern über den Controller-update({value}). Für Kennzahlen-Kacheln mit Beschriftung component.metric-card.
Beispiel-Node
{ "definition": "component.number-flow", "props": { "value": 128450.5, "decimals": 2, "prefix": "€", "animateOnMount": true } }