Waiting for action
Copy this complete component into a page file. Edit and run it in the Playground.
Loading editor…
Compact label for status, category, or count chips.
| Prop | Type | Default | Description |
|---|---|---|---|
label | string | — | Badge text. |
tone | BadgeTone | "neutral" | Colour intent. |
variant | BadgeVariant | "soft" | solid, soft, or outline. |
size | BadgeSize | "md" | Visual scale. |
dot | boolean | false | Leading status dot. |
count | number | — | Trailing numeric pill. Renders when set, including 0. |
