Badges

Status indicators and metadata labels. Uses monospace font with dot indicators.

Primary Active Review Error InfoMuted

us-east-1v2.4.1enterprisessl

Usage

<span class="badge badge-success"><span class="badge-dot badge-dot-success"></span> Active</span>

Rules

1. Never use more than one status color on the same screen.
2. Dot indicator: 6px circle matching the status color.
3. Data badges use neutral bg/text/border with mono font.