Design system
Badge
A small colored box, usually containing one piece of data.
Badges are typically used to accompany something else.
For example, a notification badge next to a user avatar with the number of notifications the user has.
Badges may be wrapped by a link.
The underlying component is Flowbite Badge.
Default badges
Primary badgeSecondary badgeLight gray badgeDark gray badgeBlack badgeSuccess badgeWarning badgeFailure badge
Larger badges
Primary badgeSecondary badgeLight gray badgeDark gray badgeBlack badgeSuccess badgeWarning badgeFailure badge
Badge with icon
2 minutes ago3 days ago