Badges scale to match the size of the immediate parent element by using relative font sizing and emunits.
Badges can be used as part of buttons to provide a counter.
Badges can be used as part of buttons to provide a counter.
Badges can be used as part of buttons to provide a counter.
Add any of the below mentioned modifier classes to change the appearance of a badge.
PrimarySecondarySuccessDangerWarningInfoLightDark
Use the .badge-pillmodifier class to make badges more rounded(with a larger border-radiusand additional horizontal padding). Useful if you miss the badges from v3.
Using the contextual .badge-*classes on an <a>element quickly provide actionablebadges with hover and focus states.
Add any of the below mentioned modifier classes to change the appearance of a badge.
PrimarySecondarySuccessDangerWarningInfoLightDark
Use the .badge-pillmodifier class to make badges more rounded(with a larger border-radiusand additional horizontal padding). Useful if you miss the badges from v3.
Using the contextual .badge-*classes on an <a>element quickly provide actionablebadges with hover and focus states.