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. |
| Bordered Badges | .badge-border.border-* |
Tag with border & border color from COLOR PALETTE for badge border. |
| Striped Badges | .badge-striped.border-[left/right]-* |
Striped badge with left/right border. |
| Delay Show/Hide Badges | data-delay |
Delay showing and hiding the popover (ms) - does not apply to manual trigger type. |
| Block Badges | .block |
Use this class for block badges. |
Using above options, create some more badges as below:
- Badges with icons
- Only icons badges
- Bordered badges with icons
- Bordered icons badges
- Striped badges with icons
- Striped icons badges
- Badges With Links, Dropdown, etc...
Referrals :
| Type | URL |
|---|---|
| Bootstrap Page | https://getbootstrap.com/docs/4.2/components/badge |
| Template Page | https://modernadmin.evolvision.com/components/badges |