Elements / badge

badge

Tier 0

Quiet metadata in a styled box. Informational, never a fake control.

Default

Primary

Success

Warning

Danger

<m-badge>Starter</m-badge>
<m-badge variant="warning">Delayed</m-badge>
<m-badge count>8</m-badge>

Attributes

variant accepts primary, success, warning, or danger. The boolean count attribute makes a compact, tabular-numeric badge. Badges are informational; use a real <button> for an interactive chip.