DWG · 01.05 · COMPONENT SPEC

Badge

Compact uppercase label. Use plain badges for status; use hatched badges when you want the label to feel like a stamp on a drawing.

Tones

01.05·A
PREVIEWPX · 1:1
DEFAULTINFOPASSEDREVIEWBLOCKED
<Badge tone="default">DEFAULT</Badge>
<Badge tone="info">INFO</Badge>
<Badge tone="ok">PASSED</Badge>
<Badge tone="warn">REVIEW</Badge>
<Badge tone="danger">BLOCKED</Badge>

Hatched

01.05·B
PREVIEWPX · 1:1
ACTIVEHOLDREJECTED
<Badge tone="info" hatched>ACTIVE</Badge>
<Badge tone="warn" hatched>HOLD</Badge>
<Badge tone="danger" hatched>REJECTED</Badge>