Basic
label, value, hint; string values get the mono treatmentParts ingested
40,119
across 12 files
Mapped
38,204
95% of ingested
Toned + linked
tone themes disc, value and hover arrow; href makes the tile a real linkTrend
trend + trendLabel ride beside the valueLive this month
1,908+12% on July
Avg run time
3m 40sfaster
Loading + skeleton
loading keeps known text and skeletons the value; skeleton replaces the tileParts ingested
Narrow tiles
Each tile measures its own width: the figure steps down a size, the label wraps to two lines and the trend drops under the figureParts ingested this month
1,234,567+12% on July
Mapped
38,204
95% of ingested
Styling slots
Every className the component exposes, and what it reaches- className
- the tile
- valueClassName
- the big number
- labelClassName
- the caption