Installation
Examples
With trend and icon
Positive/negative trend with icon in top-right.
Total Revenue
$48,295
+12.5%
Active Users
3,842
+8.1%
Bounce Rate
24.3%
-3.2%
Avg. Session
4m 32s
+0.8%
API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
| title* | ReactNode | required | Metric label. |
| value* | ReactNode | required | Primary metric value. |
| icon | ReactNode | — | Icon displayed in the corner. |
| trend | { value: number; label?: string } | — | Trend percentage and period label. |
| loading | boolean | false | Shows a skeleton placeholder. |