Badge

Small status labels: default, secondary, destructive, outline, ghost, link.

Preview

defaultsecondarydestructiveoutlineghostlink

$ pnpm dlx shadcn@latest add https://stylexcn.vercel.app/r/badge.json

$ pnpm dlx shadcn@latest add @stylexcn/badge

<Badge>Badge</Badge>
<Badge variant="secondary">Secondary</Badge>