Badge

Badge is a small count and labeling component.

Badges are circled by default but utility classes can be used to change border type (e.g., .rounded)

Example heading New

Example heading New

Example heading New

Badge on button

Badges can be used as part of links or buttons to provide a counter.

Positioned

Use utilities to modify a .badge and position it in the corner.

avatar 9
9