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
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