Badge
Displays a small status indicator, tag, or counter styled with rounded-item (6px) concentric curves.
Preview
Default
Secondary
Outline
Variants
| Variant | Class Preview | Description |
|---|---|---|
| default | bg-dark text-background | High-contrast solid badge |
| secondary | bg-muted text-foreground | Muted background for metadata tags |
| outline | border border-border-input | Subtle outlined border |
| destructive | bg-destructive text-background | Error and warning notifications |