Kennzahlen
Zahlen-Banner (Wert + Beschriftung) — auto-fit, mobil gestapelt
Beispiele
Neutral
tricoma in Zahlen
1.500+Kunden
12 Mio.Aufträge pro Jahr
99,9 %Verfügbarkeit
Brand
40+Definitionen im Kit
236Design-Tokens
120+Tests grün
Eigenschaften
| Prop | Typ | Default | Builder-Label |
|---|---|---|---|
| title | string | "" | Titel |
| items * | array | — | Kennzahlen |
| tone | string: neutral | brand | "neutral" | Ton |
| spacing | string: none | sm | md | lg | xl | "lg" | Eigenabstand |
* 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 |
|---|---|
--stats-value | var(--color-action-primary) |
--stats-label | var(--color-text-muted) |
--grid-gap | var(--size-6) |
Genutzte Design-Tokens
color.action.on-primarycolor.action.primarycolor.text.defaultcolor.text.mutedfont.family.defaultleading.tightopacity.mutedradius.surfacesize.12size.4size.6size.8text.2xltext.4xltext.smweight.bold