Badge

The Badge component is a small, attention-grabbing element used to display additional information or highlight specific content. Commonly used to indicate notifications, counts, or status labels, Badges are versatile and can be easily attached to buttons, icons, or other UI elements. With customizable styles and sizes, they seamlessly integrate into any design. Just add the .badge class to a span or div container element to create a badge.
0
25
Online
Pending
Offline
39
Sizes of Badge

Add the .small or .large class to a badge to make it smaller or larger.

Small
Default
Large
Styles Combinators
primary .primary.badge
success .success.badge
warning .warning.badge
error .error.badge
dark .dark.badge
Sizes Combinators
small .small.badge
large .large.badge