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

import { BsBadge } from '@mintplayer/react-bootstrap/badge';export function Inbox() {  return (    <h2>      Inbox <BsBadge color="primary" unit="unread messages">5</BsBadge>    </h2>  );}