Status
The one set of status tones: icon and word inline, or a shadcn Badge tinted by the tone.
Preview
LiveNot on the site yetMeta refuses eventsCheckingPaused
LiveCertificate on its wayFailed
HealthySlow
Focus rings
LiveNot on the site yetMeta refuses eventsCheckingPaused
LiveCertificate on its wayFailed
HealthySlow
In each theme: Default · Trackable · SkillDecks · BetterMarketer
Install
npx shadcn@4.23.0 add https://ui.dobrin-dobrev.co.uk/r/status.json
Into an app set up with shadcn init --base radix; the parts it uses come with it.
Files
- registry/default/blocks/status.tsx → components/blocks/status.tsx