Badge

import '@vollowx/seele/m3/badge/badge.js';
<md-badge value="4" circle>
  <md-icon-button aria-label="Mail, 3 notifications">
    <iconify-icon icon="material-symbols:mail-outline"></iconify-icon>
  </md-icon-button>
</md-badge>

M3Badge

Slots

name description
The element under the badge

CSS Parts

name description
badge

Properties

name description
value Number
max Number
showZero Reflected boolean; show-zero as an attribute
small Reflected boolean
left Reflected boolean
bottom Reflected boolean
$badge