Badge
Displays a small label for status or categorization.
Badge
Installation
npx neobrutal add badge
Usage
import { Badge } from "@/components/ui/badge"
<Badge variant="outline">Badge</Badge>
Examples
Default
Default
Neutral
Neutral
Outline
Outline
Multiple Badges
New
Popular
Beta
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| variant | "default" | "neutral" | "outline" | "destructive" | "success" | "warning" | "default" | The visual style of the badge. |