Normal Badges

Add class .badge

Item Label
Default label
Default
Primary label
Primary
Danger label
Danger
Success label
Success
Warning label
Warning

Badge Pills

Add class .badge-pill

Item Label
Default label
Default
Primary label
Primary
Danger label
Danger
Success label
Success
Warning label
Warning

Badge Outlined Variations

Add class .badge-outline-*

Item Label
Default
Default
Primary
Primary
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
Copyright © 2018 Urbanui. All rights reserved. Hand-crafted & made with