Badge
Inline label chip for status, tags, and counts. Three rendering modes × five semantic intents.
Soft (default)
Muted bg + border + text. The standard alert chip pattern.
DefaultSuccessWarningDangerInfo
Solid
Filled background — use for high-contrast counts or labels.
DefaultSuccessWarningDangerInfo
Outline
Transparent bg with colored border.
DefaultSuccessWarningDangerInfo
With Dot
Status dot for live/active indicators.
OnlineAwayBusyOffline
MayaBadge API
| Prop / Event | Type | Default | Description |
|---|---|---|---|
intent | String | "default" | Semantic intent ("default", "success", "warning", "danger", "info"). |
variant | String | "soft" | Rendering variant ("solid", "soft", "outline"). |
size | String | "md" | Badge size ("sm", "md"). |
dot | Boolean | false | Show a status dot next to the text. |
#default | Slot | — | Content of the badge. |