Documentation and examples for Bootstrap badges, our small count and
labelling component.
Example
Badges can be used as part of links or buttons to provide a counter.
Contextual variations
Add any of the below mentioned modifier classes to change the
appearance of a badge.
DefaultPrimarySecondaryInfoSuccessDangerWarning
Pill badges
Use the
rounded
modifier prop to make badges more rounded (with a larger
border-radius
and additional horizontal
padding).
Useful if you miss the badges from v3.
DefaultPrimarySecondaryInfoSuccessDangerWarning
Links
If you want to render the
Badge
component as an anchor element, you need to set
a tag and
add a
href
attribute on them.