3D Badges
To add three diminsion to Badges You can add .dim class to Badge.
Normal Badges
To create normal badges, you can add .badge class 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-pill class 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
|