Badges

Small labels and status indicators for highlighting information.

<span class="ethio-badge ethio-badge-primary">Primary</span>
  <span class="ethio-badge ethio-badge-secondary">Secondary</span>
  <span class="ethio-badge ethio-badge-success">Success</span>
  <span class="ethio-badge ethio-badge-warning">Warning</span>
  <span class="ethio-badge ethio-badge-error">Error</span>

<span class="ethio-badge ethio-badge-primary ethio-badge-sm">Small</span>
  <span class="ethio-badge ethio-badge-primary">Default</span>
  <span class="ethio-badge ethio-badge-primary ethio-badge-lg">Large</span>

<h3>Notifications <span class="ethio-badge ethio-badge-error">3</span></h3>
  
  <button class="ethio-btn ethio-btn-primary">
    Messages <span class="ethio-badge ethio-badge-secondary">5</span>
  </button>
  
  <span>Status: </span>
  <span class="ethio-badge ethio-badge-success">Active</span>