Badges
Supporting information elements for a specific piece of information. Signal urgency via shape and color.
Generic Badges (Red)
8
Inboxes
Signal Badges (Shapes)
Completed
Pending update required
System critical error
<!-- Generic Badge -->
<span class="badge badge--generic">8</span>
<!-- Signal Badges -->
<div class="badge-group">
<span class="badge badge--signal badge--signal-ok"></span>
<span>Status OK</span>
</div>