Badges

Basic

DefaultPrimarySuccessInfoWarningDanger

Default .badges with color

Pill

DefaultPrimarySuccess68+9

.badge-pillapplies to .badge.

More colors

PurplePinkCyanYellowbrownDarkGreySecondary

.badge-*which *is one of the following color names.

Sizing

Extra largeLargeMediumSmall

Available sizes are sm, lg, xl

Dot badges

.badge-dotapplies to .badge.

Ring badges

.fillcan applies to .badge-ring

.badge-ringapplies to .badge.