Badge
Small label for status or categorization. Use .badge as base class.
Variants
Default
Outline
<span class="badge">Default</span>
<span class="badge badge-outline">Outline</span>Sizes
Small
Default
<span class="badge badge-sm">Small</span>
<span class="badge">Default</span>Class Reference
| Class | Description |
|---|---|
| .badge | Base badge — primary background |
| .badge-outline | Transparent with primary border and text |
| .badge-sm | Smaller padding and font size |