Components

Tabs

Bingo box style navigation. They have the appearance of 'tabs' but work as a navigation component.

Open this tag example in a new tab
HTML 
<div class="das-tabs-boxes">
  <ul class="das-tabs-boxes__list">
    <li class="das-tabs-boxes__list-item das-tabs-boxes__list-item--selected">
      <a class="das-tabs-boxes__tab" href="#">
        <span class="das-tabs-boxes__figure">1</span>
        <span class="das-tabs-boxes__text">Ready for review</span>
      </a>
    </li>
    <li class="das-tabs-boxes__list-item">
      <a class="das-tabs-boxes__tab" href="#">
        <span class="das-tabs-boxes__figure">2</span>
        <span class="das-tabs-boxes__text">With training providers</span>
      </a>
    </li>
    <li class="das-tabs-boxes__list-item">
      <a class="das-tabs-boxes__tab" href="#">
        <span class="das-tabs-boxes__figure">3</span>
        <span class="das-tabs-boxes__text">Drafts</span>
      </a>
    </li>
    <li class="das-tabs-boxes__list-item">
      <a class="das-tabs-boxes__tab" href="#">
        <span class="das-tabs-boxes__figure">41</span>
        <span class="das-tabs-boxes__text">With transfer sending employers</span>
      </a>
    </li>
  </ul>
</div>