Badges

Activity Messages FAQ Support

Basic

Default Primary Success Info Warning Danger
Default .badges with color

Pill

Text 7 +7 -7 10 +10 -10
.badge-pill applies to .badge.

More colors

Purple Pink Cyan Yellow brown Dark Grey Secondary
.badge-* which * is one of the following color names.

Sizing

Extra large Large Medium Small
Available sizes are sm, lg, xl

Dot badges




.badge-dot applies to .badge.

Ring badges

.badge-ring applies to .badge.






.fill can applies to .badge-ring