Badge

Small count or info chip, like a merit badge, highlighting status or providing quick alerts at a glance.

Basic

A badge is a small label that displays additional information, such as a count or status. It's commonly used to highlight something important, like unread messages, notifications, or status updates. Think of it as a quick visual cue to grab your attention.

Label

Installation

If you hit any issues, make sure you check out the installation guide here.

Manual Installation

All these components are tight, so you gotta use 'em all together.

Intent

Badges come in a variety of colors: primary, secondary, success, info, warning, danger, light, dark, and light/dark. You can even use custom colors if you want.

primarysecondarysuccessinfowarningdangerlightdark

Shape

By default, badges are square, but you can switch to a circular shape if desired.

Label