Badges
Examples for badges, our small count and labeling component
Basic examples
Primary
Secondary
Success
Danger
Warning
Info
Light
Dark
Soft
Square onlyCreates a soft variation of badges.
Primary
Secondary
Success
Danger
Warning
Info
Light
Dark
Pill badges
Use the .rounded-pill modifier class to make badges more rounded (with a larger border-radius and additional horizontal padding). Useful if you miss the badges from v3.
Primary
Secondary
Success
Danger
Warning
Info
Light
Dark