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 .badge-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