Stat Card
A single metric for dashboards: label, value and change over a period. The trend colour is paired with an arrow so direction never relies on colour alone.
Trends
Revenue
$48,920
+12.4%vs last month
Churn
2.1%
−0.8%vs last month
Sessions
18.2k
0.0%vs last month
<StatCard label="Revenue" value="$48,920" delta="+12.4%" trend="up" icon="bar-chart" />
Props
| Prop | Type | Default | Description |
|---|---|---|---|
label | string | — | Metric name. |
value | string | — | Formatted value. |
delta | string | — | Change text. |
trend | "up" | "down" | "neutral" | "up" | Colour and arrow. |
period | string | "vs last month" | Comparison period. |
icon | IconName | — | Icon tile. |