Badges
Badge component for labels, tags, and status indicators.
Usage
import { Badge } from "@/components/ui/badge"
;<Badge variant="default">New</Badge>
Variants
default: Default badge stylesecondary: Secondary badge styleoutline: Outlined badge style
Examples
<Badge variant="default">Default</Badge>
<Badge variant="secondary">Secondary</Badge>
<Badge variant="outline">Outline</Badge>
See the design system overview page for live examples.