Back to components
Dashboard component
Stat Card
KPI card with label, value, unit, delta % (up/down), and optional sparkline.
Install
What it does
- Big tabular-numeric value with optional unit
- Up/down trend with colored arrow + label
- Tiny inline sparkline (View-based — no extra deps)
- Optional accent variant for the hero metric
- Tappable for drill-down
When to use
Use it
Dashboards, analytics screens, KPI grids.
Skip it
Text content (use Card instead).
Files & routes added
- components/dashboard/stat-card.tsx