Badges

  1. Home
  2. UI
  3. 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.