Breadcrumbs

Breadcrumb navigation for showing the current page location.

Markup

<nav aria-label="Breadcrumb">
  <ol class="af-breadcrumbs">
    <li class="af-breadcrumbs-item">
      <a href="#" class="af-breadcrumbs-link">
        Home
      </a>
    </li>
    <li class="af-breadcrumbs-item">
      <a href="#" class="af-breadcrumbs-link">
        Category
      </a>
    </li>
    <li class="af-breadcrumbs-item" aria-current="page">
      Current Page
    </li>
  </ol>
</nav>

Live example

1. Home

2. Category

3. Current Page