Badge
Small status indicators. Uses BEM classes on <span> elements.
Variants
Preview
Primary
Secondary
Destructive
Success
Warning
Outline
<span class="nano-badge nano-badge--primary">Primary</span>
<span class="nano-badge nano-badge--secondary">Secondary</span>
<span class="nano-badge nano-badge--destructive">Destructive</span>
<span class="nano-badge nano-badge--success">Success</span>
<span class="nano-badge nano-badge--warning">Warning</span>
<span class="nano-badge nano-badge--outline">Outline</span>