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 |