Badge (badge)

A small count and labeling component. Badges scale to match the size of the immediate parent element by using relative font sizing and em units.

🔗 External documentation.

ID Label Description Schema
label Label The badge's label.
            id: badge
label: Badge
description: 'A small count and labeling component. Badges scale to match the size of the immediate parent element by using relative font sizing and em units.'
homepage: 'https://getbootstrap.com/docs/5.3/components/badge/'
slots:
    label:
        id: label
        label: Label
        description: "The badge's label."
examples:
    preview:
        id: preview
        label: Preview
        renderable:
            '@component': badge
            label: New

          
New
<span class="badge">New</span>