Badge
Compact label for status, category, or count information.
Usage
{% include components/badge.html
label="New"
variant="success"
dot=true
%}
Active
In review
Draft
Parameters
| Parameter | Type | Default | Description |
|---|---|---|---|
label |
string | — | Badge text |
variant |
string | primary |
primary, secondary, success, warning, danger, info, neutral |
size |
string | md |
sm, md, lg |
dot |
boolean | false |
Shows a decorative status dot |
class |
string | — | Additional CSS classes |