badge
Quiet metadata in a styled box. Informational, never a fake control.
Example
Basic usage
<m-badge>Starter</m-badge>
<m-badge variant="warning">Delayed</m-badge>
<m-badge count>8</m-badge>API
Attributes
| Name | Type | Default | Description |
|---|---|---|---|
variant | primary | success | warning | danger | default | Selects the badge's semantic color treatment. |
count | boolean | false | Makes a compact badge with tabular numerals. |
Content
| Content | Contract | Default | Description |
|---|---|---|---|
| Text | informational label or count | — | Short, non-interactive metadata displayed on one line. |
Accessibility
Badges are informational. Use a real <button> for an interactive chip.