Badges

Basic

Default Primary Success Info Warning Danger Pink Purple Brown Cyan

Pill

Default Primary Success 16 8 +19 -9 -19

More colors

Purple Pink Cyan Yellow brown Dark Grey Secondary

Sizing

Extra large Large Medium Small

Dot badges




Ring badges






.fill can applies to .badge-ring