Stat

components/cards/Stat.tsx

value-types

Value types

number → CountUp animation / string → displayed as-is

0
Total commands (animated)
12.4k
Pre-formatted string
0
Zero
0
Large number

icon

With icon

icon prop accepts any ReactNode — typically a Lucide icon

👥
0
Active users
💬
0
Messages today
0
Commands used
🔥
99.9%
Uptime

duration

Animation duration

duration prop controls CountUp speed (ms) — only affects number values

0
duration=500ms
0
duration=1000ms (default)
0
duration=3000ms

real-world

Real-world usage

Dashboard overview row — stream statistics

📺
0
Live viewers
❤️
0
New followers
💎
0
Bits cheered
⏱️
3h 42m
Stream duration