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 |