Small and adaptive Badge for adding context to just about any content.
Below have options that you can use with Badges :
| badges options | Class | Description |
|---|---|---|
| Basic badges | .badge-* |
Use any template color from COLOR PALETTE that you like to add for badge. |
Using above options, create some more badges as below:
- badges with icons
- Only icons badges
- badges With Links, Dropdown, etc...
Referrals :
| Type | URL |
|---|---|
| Bootstrap Page | https://getbootstrap.com/docs/4.1/components/badge |
| Template Page | https://pixinvent.com/demo/convex-bootstrap-admin-dashboard-template/demo-1/components-badges.html |
Use the .badge-pill modifier class with .badge class to make pill badges.
Below have options that you can use with Pill badges :
| Pill badges options | Class | Description |
|---|---|---|
| Basic Pill badges | .badge-pill.badge-* |
Use any template color from COLOR PALETTE that you like to add for pill badge. |
| Pill badges as Notification | .notification |
To set pill badge to higher than other text. So that it can work with notifications also. |
Using above options, create some more badges as below:
- Pill badges with icons
- Only icons pill badges
- Pill badges With Links, Dropdown, etc...
Referrals :
| Type | URL |
|---|---|
| Bootstrap Page | https://getbootstrap.com/docs/4.1/components/badge/#pill-badges |
| Template Page | https://pixinvent.com/demo/convex-bootstrap-admin-dashboard-template/demo-1/components-badges |