Appearance
Badge
Displays a badge or a component that looks like a badge.
Examples
Default
Badge
vue
<Badge>Badge</Badge>Secondary
Secondary
vue
<Badge variant="secondary">Secondary</Badge>Destructive
Destructive
vue
<Badge variant="destructive">Destructive</Badge>Outline
Outline
vue
<Badge variant="outline">Outline</Badge>Props
Badge
| Prop | Type | Default | Description |
|---|---|---|---|
| variant | default | secondary | destructive | outline | default | The visual style of the badge. |
Slots
Badge
| Slot | Description |
|---|---|
| default | The content of the badge. |