Component
Badge
Inline label for status, categories, or metadata. Four variants.
Variants
Outline
Subtle
Solid
Category
tsx
<Badge variant="outline">Outline</Badge>
<Badge variant="subtle">Subtle</Badge>
<Badge variant="solid">Solid</Badge>
<Badge variant="category">Category</Badge>Props
| Prop | Type | Default | Description |
|---|---|---|---|
| variant | "outline" | "subtle" | "solid" | "category" | "outline" | Visual style. |
| rounded | "none" | "sm" | "full" | "sm" | Border radius. |