Skip to main content

# Badges

Status pills, priority chips, role badges, category labels, and notification dots — all soft-tinted.

##### STATUS PILLS

## Status indicators

Soft-tinted pill badges for state. Use them anywhere status needs to be communicated.

Active Processed Approved Denied Failed

##### PRIORITY CHIPS

High Medium Low

##### ROLE BADGES

Admin User Member

##### EMAIL CATEGORY LABELS

## Inline content tags

Used in the inbox to categorize emails — work, personal, social, promotional, alerts.

Work Personal Social Promo Alert

##### BOOTSTRAP BADGES

## Bootstrap-class badges

Bootstrap’s `.badge.bg-*` classes restyled to use the brand palette.

Primary Success Warning Danger Info

##### COUNTER & NOTIFICATION DOTS

## Numeric & presence indicators

Notification badges and online-status dots used across the topbar and team listings.

12

##### BADGES IN CONTEXT

- Production API key Created 8 months ago
  Active
- Staging API key Created 4 months ago
  In use
- Legacy v1 key Created 3 years ago — deprecated
  Revoked

Copyright © 2026 Colorlib. All rights reserved. Template by Colorlib.