Badge

An inline Bootstrap badge for counters and status labels. unit says what a number counts, visually hidden; decorative takes a badge out of the accessibility tree.

In a heading

Inbox 5 unread messages

Colours

primarysecondarysuccessdangerwarninginfolightdark

Source

<script setup lang="ts">import { BsBadge } from '@mintplayer/vue-bootstrap/badge';</script><template>  <h2>Inbox <BsBadge color="primary" unit="unread messages">5</BsBadge></h2></template>