StatCard

StatCard Component

stable
Playground
Total Revenue
12,450
Props
PropTypeDefaultValue
labeltext—
valuetext—
changenumber—
prefixtext—
suffixtext—
Default
Total Revenue
12,450
WithChange
Revenue
12,450
↑ 12.5%
Churn Rate
2.4%
↓ 0.8%
WithIcon
Active Users
8,291
↑ 5.2%
WithPrefix
Total Revenue
$12,450
↑ 12.5%
Monthly Cost
$3,200
↓ 4.2%
PROPTYPEDEFAULTDESCRIPTION
changenumber—Percentage change
labeltext—Metric label
prefixtext—Value prefix
suffixtext—Value suffix
valuetext—Metric value
Using StatCardtsx
import { StatCard } from '@/components/StatCard'

<StatCard
  label="..."
  value="..."
  change="..."
  prefix="..."
  suffix="..."
/>
Tokens Used
No design tokens detected