KPI tile
A figure, its sparkline and its change against the period before, coloured by whether that way is good.
Preview
Visitor events
27,043
Down 6.8% vs previous 30 days
Consent rate
62%
Up 6.9% pts vs previous 30 days
Hits with a consent choice
Not enough data yet
12 of 30 days so far
Focus rings
Visitor events
27,043
Down 6.8% vs previous 30 days
Consent rate
62%
Up 6.9% pts vs previous 30 days
Hits with a consent choice
Not enough data yet
12 of 30 days so far
In each theme: Default · Trackable · SkillDecks · BetterMarketer
Install
npx shadcn@4.23.0 add https://ui.dobrin-dobrev.co.uk/r/kpi-tile.json
Into an app set up with shadcn init --base radix; the parts it uses come with it.
Files
- registry/default/blocks/kpi-tile.tsx → components/blocks/kpi-tile.tsx