Overview
KpiCard renders a single dashboard metric: caps label, tabular headline value, optional delta pill with arrow, and optional hint text. It composes Card internally.
Use KpiCard for KPI strips above a widget grid. Use Widget for chart, list, and table tiles.
Usage
import { KpiCard } from '@marmoui/ui';
<KpiCard label="Revenue" value={24800} prefix="$" delta={8.4} deltaLabel="vs last month" />Four-up KPI strip
Revenue$24,800
+8.4vs last month
Active users12,480
+312last 7 days
Conversion3.42%
+0.4vs prior period
Sessions89,240
-2.1vs last week
Related
- Marmo dashboard widgets — full Figma widget board
- Widget — chart/list tile chrome