Component gallery

StatTile

A headline number with its label, tone, and trend arrow; the tile a dashboard's opening row is built from.

Basic

label, value, hint; string values get the mono treatment
Parts 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 link
Errors to resolve
17
waiting in the queue
Assigned to you
6
in your review queue

Trend

trend + trendLabel ride beside the value
Live 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 tile
Parts ingested

Styling slots

Every className the component exposes, and what it reaches
className
the tile
valueClassName
the big number
labelClassName
the caption
@versable-git/ui · all states, both themes