Stat
Stat is used to show numbers and data in a box.
| Class name | Type | |
|---|---|---|
| stats | Component | Container of multiple stat items |
| stat | Component | One stat item |
| stat-title | Component | Title text |
| stat-value | Component | Value text |
| stat-desc | Component | Description text |
| stat-figure | Component | For icon, image, etc |
| stat-actions | Component | For buttons, input, etc |
| stats-horizontal | Responsive | Shows items horizontally (default) |
| stats-vertical | Responsive | Shows items vertically |
# Stat
Total Page Views
89,400
21% more than last month
# Stat with icons or image
Total Likes
25.6K
21% more than last month
Page Views
2.6M
21% more than last month
86%
Tasks done
31 tasks remaining
# Stat
Downloads
31K
Jan 1st - Feb 1st
New Users
4,200
↗︎ 400 (22%)
New Registers
1,200
↘︎ 90 (14%)
# Centered items
Downloads
31K
From January 1st to February 1st
Users
4,200
↗︎ 40 (2%)
New Registers
1,200
↘︎ 90 (14%)
# Vertical
Downloads
31K
Jan 1st - Feb 1st
New Users
4,200
↗︎ 400 (22%)
New Registers
1,200
↘︎ 90 (14%)
# Responsive (vertical on small screen, horizontal on large screen)
Downloads
31K
Jan 1st - Feb 1st
New Users
4,200
↗︎ 400 (22%)
New Registers
1,200
↘︎ 90 (14%)
# With custom colors and button
Account balance
$89,400
Current balance
$89,400
Do you have a question? ask the community
Do you see a bug? open an issue on GitHub
Do you like daisyUI? tweet about it!
Support daisyUI's development:
Open Collective