Colors


Add any of the below mentioned modifier classes to change the appearance of a badge.

Primary Secondary Success Danger Warning Info Light Dark

Variations


Badges includes several UI variation which might be helpful to use in different contexts.

.badge-pale
Primary Secondary Success Danger Warning Info Light Dark
.badge-glass
Primary Secondary Success Danger Warning Info Light Dark
.badge-pill
Primary Secondary Success Danger Warning Info Light Dark
.badge-dot
.badge-ring
.badge-number
Simple Link 6 4 Badge 24 385