PUI.Badge renders compact labels for statuses, categories, and counts.
Import
use PUI
# or
import PUI.Badge
Variants
<.badge>Default</.badge>
<.badge variant="secondary">Active</.badge>
<.badge variant="destructive">Error</.badge>
<.badge variant="outline">Draft</.badge>
Badge Variants
Default
Secondary
Destructive
Outline
API Reference
| Name | Type | Default | Description |
|---|---|---|---|
variant |
string |
"default" |
"default", "secondary", "destructive", or "outline" |
class |
string |
"" |
Additional CSS classes |
| Slot | Required | Description |
|---|---|---|
inner_block |
yes | Badge content |