Skip to main content

Statistic

Statistic is a larger, more prominent version of Metric, designed for key numbers that deserve visual weight.

Basic Usage

<Statistic
label="Total Requests"
value="1.24M"
description="Last 30 days"
/>
Total Requests
1.24M
Last 30 days

With Icon

<Statistic
label="Active Nodes"
value="47"
icon="🖥️"
description="Across 3 regions"
/>
Active Nodes
47
Across 3 regions

Props

PropTypeDefaultDescription
labelstringLabel above the value
valuestringLarge main number / value
descriptionstringSupporting text below value
iconReactNodeOptional icon

Best Practices

  • Use 1–3 Statistics per section for maximum impact
  • Pair with Metric for supporting smaller KPIs
  • Excellent inside Card for dashboard panels
  • Metric — More compact KPI display
  • Card — Primary container for statistics

Next: Timeline →