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 |