Stat
A KPI / metric tile for dashboards. Displays a number with a label, unit,
trend indicator (up/down/flat with an arrow glyph, not just color), and an
optional sparkline. Uses tabular-nums so numbers don't jitter.
KPI tiles
Monthly revenue
$48,200/mo
12.4% vs last month Active accounts
247
8 new this week Churn rate
2.1%
-0.4% vs last month Avg. response time
142ms
no change With sparkline
Revenue (30d)
$48,200
12.4% Churn (30d)
2.1%
-0.4% Tone variants on value
Apply data-tone directly on .c-stat__value to
colour the number itself — consistent with c-badge,
c-alert, and c-toast.
Items overdue
12
+3 since yesterday On track
147
98% completion At risk
8
needs attention