<div class="badge__demo">
  <span class="badge__demo-txt">Text with badge</span>
  <span class="badge badge--position">1</span>
</div>
<div class="badge__demo">
  <span class="badge__demo-txt">Text with Large badge</span>
  <span class="badge badge--large badge--position">2</span>
</div>
<div class="badge__demo">
  <span class="badge__demo-txt">Button with a badge on the left</span>
  <span class="badge badge--position">3</span>
  <button class="badge__demo-btn">Action</button>
</div>
<div class="badge__demo">
  <span class="badge__demo-txt">Button toggles badge visibility</span>
  <button class="badge__demo-btn">Action</button>
  <span class="badge badge--position">4</span>
</div>
<div class="badge__demo">
  <span class="badge__txt">Icon with badge</span>
  <span class="material-icons">home</span>
  <span class="badge badge--position">5</span>
</div>