Breadcrumb

Name: Skeletonic
Author: Sebastien Rousseau

Semantic wayfinding with a slash or chevron separator.

Source: src/stylus/components/breadcrumb.styl

Default

Mark the current page with .breadcrumb-page, not a link.

<nav class="breadcrumb" aria-label="Breadcrumb">
  <ol class="breadcrumb-list">
    <li class="breadcrumb-item"><a href="#" class="breadcrumb-link">Home</a></li>
    <li class="breadcrumb-separator">/</li>
    <li class="breadcrumb-item"><a href="#" class="breadcrumb-link">Components</a></li>
    <li class="breadcrumb-separator">/</li>
    <li class="breadcrumb-item"><span class="breadcrumb-page">Breadcrumb</span></li>
  </ol>
</nav>