StatsCards
Grid of KPI stat cards with trend badges.
Category: display · WCAG 2.1-AA · block, stats, kpi, cards
Props
| Prop | Type | Default | Description |
|---|---|---|---|
stats | Stat[] | demoStats | KPI stat data |
When to use
- A grid of KPI stat cards with trend badges
- Summarising headline metrics at the top of a dashboard
When not to use
- A full charts dashboard — use DashboardCharts
- A single metric — use a Kpi card
Examples
Default
Demo KPI stats
<StatsCards />Related components
- Kpi — Each card displays a KPI metric with a delta
- DashboardLayout — Commonly fills the dashboard stats strip