Badge
Displays a small status indicator or label.
Usage
tsx
import { Badge } from "@/components/ui/badge";
<Badge variant="default">Badge</Badge>Badge Controls
variant
children
Examples
All Variants
DefaultSecondaryDestructiveOutlineGhostLink
Status Indicators
ActivePendingErrorDraft
Installation
Install
$ pnpm dlx shadcn@latest add @perimeter/badge