Also see the official documentation
Documentation and examples for badges, our small count and labeling component.
Add any of the below mentioned modifier classes to change the appearance of a badge.
Using the contextual .badge-* classes on an <a> element quickly provide actionable badges with hover and focus states.
Badges scale to match the size of the immediate parent element by using relative font sizing and em units.
Guideline