Badge

A bordered rectangle of tracked-out mono for a status or a count. Eight variants.

pulls in@base-ui/reactclass-variance-authority@afterglow/theme

mountedofflineprimaryidleread-onlydocumentaudiocorrupt

Installation

npx shadcn@latest add @afterglow/badge

Pass render to change the element. A badge that links is render={<Link href="/x" />}, not a badge wrapped in an anchor.

Prop	Type	Default
variant	"default" \| "signal" \| "solid" \| "outline" \| "info" \| "warning" \| "amber" \| "azure" \| "violet" \| "destructive"	"default"