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 |
|