Badges Component

Badges

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