StatCard
Display key metrics with optional icons and trend indicators.
Revenue (Up)
Stat card showing revenue with a positive trend indicator.
Revenue
$45,231+12.5%
Bounce Rate (Down)
Metric card with a negative trend direction.
Bounce Rate
24.3%-3.2%
Users
Active user count with upward trend.
Users
2,341+8.1%
Orders
Order volume metric with strong positive trend.
Orders
1,204+23%
Dashboard Row
Multiple stat cards arranged in a grid for a dashboard overview.
Visitors
12,847+5.2%
Conversion
3.8%-0.4%
Usage
Props
| Prop | Type | Default | Description |
|---|---|---|---|
label | text | "Metric" | Name of the metric |
value | text | "0" | Display value |
icon | text | "" | Lucide icon name |
trend | text | "" | Trend percentage text |
trendDirection | text | "up" | Trend arrow direction: up, down |