Badge
A small status pill. Use the colors success, danger and warning only to show a status, not for decoration.
Examples
Loading examples…
Props
| Prop | Type | Description |
|---|---|---|
label | string | Badge text |
color | "secondary" | "success" | "danger" | "warning" | "info" | "discovery" | Default "secondary" |
size | "sm" | "md" | "lg" | Default "md" |
pill | boolean | Default true |
variant | "soft" | "solid" | "outline" | Default "soft" |
fontWeight | "normal" | "medium" | "semibold" | "bold" | Default "medium" |
maxWidth | number | string | |
padding | number | string |