Toggles

Mutually-exclusive filter buttons.

A horizontal row of mutually-exclusive options, used to switch between views or filters. The active option is marked with .active.

<nav class="toggles">
  <ul class="toggles">
    <li><a href="#" class="toggle active">One</a></li>
    <li><a href="#" class="toggle">Two</a></li>
    <li><a href="#" class="toggle">Three</a></li>
  </ul>
</nav>