Add class .badge-{{ '{' }}color{{ '}' }} with .badge
| Item | Label |
|---|---|
| Primary label | Primary |
| Info label | Info |
| Danger label | Danger |
| Success label | Success |
| Warning label | Warning |
Add class .badge-pill
| Item | Label |
|---|---|
| Primary label | Primary |
| Info label | Info |
| Danger label | Danger |
| Success label | Success |
| Warning label | Warning |
Add class .badge-outline-*
| Normal | Rounded |
|---|---|
Primary |
Primary |
Info |
Info |
Danger |
Danger |
Success |
Success |
Warning |
Warning |
| Item | Label |
|---|---|
| Rounded Primary | 2 |
| Rounded Info | 5 |
| Rounded Danger | 1 |
| Rounded Success | 9 |
| Rounded Warning | 4 |
| Item | Label |
|---|---|
| Rounded Primary | 2 |
| Rounded Info | 5 |
| Rounded Danger | 1 |
| Rounded Success | 9 |
| Rounded Warning | 4 |
| Item | Label |
|---|---|
| Icon Badge | |
| Outlined Icons | |
| Icon With Text | 12 |
| Icon With Text | 12 |
| Icon Badge |