Breadcrumbs

Breadcrumb navigation for showing the current page location.

Markup

1. Home
2. Category
3. Current Page

<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>