Dot Leader

Overview

Add a typographic leader between two text elements.

  • Pedhod 30
  • Muhado 52
  • Joepme 154
  • Tuge 23 
<ul class="u-listUnstyled">

  <li class="DotLeader ">
    <span class="DotLeader-start ">Ujma</span>
    <span class="DotLeader-between " aria-hidden="true"></span>
    <span class="DotLeader-end ">166</span>
  </li>

  <li class="DotLeader ">
    <span class="DotLeader-start ">Sokfel</span>
    <span class="DotLeader-between " aria-hidden="true"></span>
    <span class="DotLeader-end ">124</span>
  </li>

  <li class="DotLeader ">
    <span class="DotLeader-start ">Wiz</span>
    <span class="DotLeader-between " aria-hidden="true"></span>
    <span class="DotLeader-end ">194</span>
  </li>

  <li class="DotLeader ">
    <span class="DotLeader-start ">Anpel</span>
    <span class="DotLeader-between " aria-hidden="true"></span>
    <span class="DotLeader-end ">26</span>
  </li>
</ul>