Component

Badge

Status stamps, mono pills and live dots — the vocabulary of state used across all three sites.

Preview

Approved Rejected Waiting Archived

Checking Online Degraded Down

live idle PLA

Code

<span class="stamp ok">Approved</span>
<span class="stamp no">Rejected</span>
<span class="stamp wait">Waiting</span>
<span class="stamp dim">Archived</span>

<span class="pill ok"><i></i>Online</span>
<span class="chip">PLA</span>
<span class="dot live"></span>

← Avatar Bars →