Kennzahlen-Kacheln
Stat-Kacheln mit Haarlinien-Border: Mono-Label mit Status-Punkt, große Display-Zahl, Mono-Fußnote — optional mit Sektions-Kopf (Mono-Kicker + Display-Titel)
Beispiele
Stat-Kacheln mit Mono-Labels, Status-Punkt und Display-Zahlen
Beats every benchmark
Zahlen, die für sich sprechen.
Quality#1vs Wettbewerb
Cost85%günstiger
Context92%+34/min
Win-Rate100%+22/min
Eigenschaften
| Prop | Typ | Default | Builder-Label |
|---|---|---|---|
| tone | string: dark | gray | light | "light" | Ton (Theme liefert die Werte) |
| kicker | string | "" | Kicker (Mono-Sektionslabel) |
| title | string | "" | Titel |
| items * | array | — | Kacheln |
* Pflicht-Prop
Genutzte Design-Tokens
border.hairlinecolor.accentcolor.band.darkcolor.band.dark-mutedcolor.band.dark-textcolor.band.graycolor.band.gray-mutedcolor.band.gray-textcolor.status.successcolor.text.defaultcolor.text.mutedcontainer.lgfont.family.defaultfont.family.displayfont.family.monofont.leading.displayfont.size.displaylayout.containerradius.fullsize.2size.4size.6text.smtracking.wideweight.bold