SIDEBAR SKINS

HEADER SKINS

THEMES

Normal Badges

Add class .badge-{color} with .badge

Item Label
Primary label
Primary
Info label
Info
Danger label
Danger
Success label
Success
Warning label
Warning

Badge Pills

Add class .badge-pill

Item Label
Primary label
Primary
Info label
Info
Danger label
Danger
Success label
Success
Warning label
Warning

Badge Outlined Variations

Add class .badge-outline-*

Normal Rounded
Primary
Primary
Info
Info
Danger
Danger
Success
Success
Warning
Warning

Badge Outlined Variations

Item Label
Rounded Primary
2
Rounded Info
5
Rounded Danger
1
Rounded Success
9
Rounded Warning
4

Badge Variations

Item Label
Rounded Primary
2
Rounded Info
5
Rounded Danger
1
Rounded Success
9
Rounded Warning
4

Badge With Icons

Item Label
Icon Badge
Outlined Icons
Icon With Text
12
Icon With Text
12
Icon Badge