Data display
Badge
stamps for state, counts for totals, chips for tags.
print.meowda.xyz
Examples
Stamp
ActiveWaitingDeniedCancelled
<span class="stamp ok">Active</span>
<span class="stamp wait">Waiting</span>
<span class="stamp no">Denied</span>
<span class="stamp dim">Cancelled</span>With live dot
Online Offline
<span class="stamp ok"><span class="dot live"></span> Online</span>
<span class="stamp dim"><span class="dot"></span> Offline</span>Count
3 2
<span class="count">3</span>
<span class="count hot">2</span>Chip
XyodaGuest
<span class="chip">Xyoda</span>
<span class="chip">Guest</span>Classes
| Class | What it does |
|---|---|
.stamp .ok / .no / .wait / .dim | state badge, tinted fill |
.count / .count.hot | number pill, accent when hot |
.chip | plain tag |
.dot / .dot.live | status dot, pulses when live |