Badges

A small count and labeling component.

Badges scale to match the size of the immediate parent element by using relative font sizing and em units.

Add any of the below mentioned modifier classes to change the appearance of a badge. Please note that this is also the default sizing of a badge. This default size would appear when there is no font size defined within the parent element.

Should be the opposite casing of the buttons so that users do not confuse it with a button.

Add any of the below mentioned modifier classes to set a specific size of a badge.

Badges can be used as part of links or buttons to provide a counter for notifications. Use the .badge-pill class for notifications.