Stat
Stat is used to display key metrics with a title, value, and description.
Installation
npx jsx-daisyui add statDefault
stat-default
Total Page Views
89,400
21% more than last month
New Users
4,200
↗︎ 400 (22%)
Revenue
$12,600
↘︎ 90 (14%)
Vertical
stat-vertical
Downloads
31K
Jan 1st - Feb 1st
New Registers
4,200
↗︎ 400 (22%)
With figure
stat-with-figure
Downloads
31K
Jan 1st - Feb 1st
New Users
4,200
↗︎ 400 (22%)
Centered
stat-centered
Total Likes
25.6K
↗︎ 2.3K (9%)
Page Views
2.6M
↘︎ 90 (14%)
Props
Stat.Root
| Prop | Type | Default | Description |
|---|---|---|---|
direction | 'horizontal' | 'vertical' | 'responsive' | 'horizontal' | Layout direction of the stat items. |
Stat.Item
| Prop | Type | Default | Description |
|---|---|---|---|
centered | boolean | - | Centers text and content inside the item. |