Badge
Displays a small label or status indicator. Supports multiple variants including default, secondary, destructive, outline, ghost, and link.
Badge
Installation
npx shadcn add badge --registry https://ui.ch.sh/r
Usage
import { Badge } from "@/components/ui/badge"
export default function Example() {
return <Badge>Badge</Badge>
}Examples
Variants
DefaultSecondaryDestructiveOutline