3D Badges
To add three diminsion to Badges You can add .dimclass to Badge.
Normal Badges
To create normal badges, you can add .badgeclass to badge.
| Item | Label |
|---|---|
| Primary label | Primary |
| Info label | Info |
| Danger label | Danger |
| Success label | Success |
| Warning label | Warning |
Badge Pills
To create pills badges, you can add .badge.badge-pillclass to badge.
| Item | Label |
|---|---|
| Primary label | Primary |
| Info label | Info |
| Danger label | Danger |
| Success label | Success |
| Warning label | Warning |
Badge Outlined Variations
To create outlined badges, you can add .badge.badge-outline-*class to badge.
| Normal | Rounded |
|---|---|
Primary | Primary |
Info | Info |
Danger | Danger |
Success | Success |
Warning | Warning |
Badge Outlined Variations
To create outlined badges, you can add .badge.badge-outline-*class to badge.
| 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 |