Skip to content

StatCard

Compact statistic display with icon and color variants.

Props

StatCardProps

PropTypeDefaultDescription
titlestringRequiredStat label
valuestring | numberRequiredStat value
iconLucideIcon-Icon component
variant'default' | 'success' | 'warning' | 'danger' | 'info''default'Color variant
classNamestring-Container class

Example

tsx
<StatCard
  title="Total Users"
  value="1,234"
  icon={Users}
  variant="success"
/>

See also