Stat
Display a statistic with a label, value, and optional trend indicator. Useful for dashboards, summary cards, and data-heavy interfaces.
Basic
- Total sales
- $4,200
With help text
- Unique visitors
- 192,100 Since last month
With trend indicator
Use StatUpTrend or StatDownTrend to display a trend badge with a directional arrow.
- Revenue
- $12,300
12%from last month
- Bounce rate
- 23.4%
4%from last month
With value unit
- Average order value
$34.20 USD
Sizes
- Small
- $1,200
- Medium
- $1,200
- Large
- $1,200
With number formatting
Pass a value and optional formatOptions to format numbers automatically using Intl.NumberFormat.
- Revenue
- $1,234,567.00
- Conversion rate
- 14.5%
Stat group
Use StatGroup to lay out multiple stats in a row with even spacing.
- Total orders
- 1,340 8%
- Revenue
- $23,400 12%
- Refunds
- $320 2%