Badge
Displays a badge or a component that looks like a badge.
Badge
1<Badge>Badge</Badge>#Installation
1bunx barefoot add badge#Usage
1import { Badge } from '@/components/ui/badge'23export default function Page() {4 return <Badge>Badge</Badge>5}#Examples
#Variants
DefaultSecondaryDestructiveOutline
1<Badge variant="default">Default</Badge>2<Badge variant="secondary">Secondary</Badge>3<Badge variant="destructive">Destructive</Badge>4<Badge variant="outline">Outline</Badge>#API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
| variant | 'default' | 'secondary' | 'destructive' | 'outline' | 'default' | The visual style of the badge. |
| children | ReactNode | - | The content of the badge. |