Badge

2-part badge component with label and value

Basic Usage

Status Active
HTML 
<div class="bl-badge">
  <span class="bl-badge-label">Status</span>
  <span class="bl-badge-value">Active</span>
</div>

Variants

Primary Value
Success Success
Warning Warning
Error Error
HTML 
<div class="bl-badge bl-badge-primary">
  <span class="bl-badge-label">Primary</span>
  <span class="bl-badge-value">Value</span>
</div>