Breadcrumb

Available since 1.0.0

The breadcrumb allows users to see the current page and navigation path to that page.

Users can navigate to previous levels in the path. When clicking on the current page, a dropdown allows users to access other pages at that same level.


<ul class="fd-breadcrumb">
    <li class="fd-breadcrumb__item">
        <a class="fd-breadcrumb__link" href="#">Link Text</a>
    </li>
    <li class="fd-breadcrumb__item">
        <a class="fd-breadcrumb__link" href="#">Link Text</a>
    </li>
    <li class="fd-breadcrumb__item">
        <a class="fd-breadcrumb__link" href="#">Link Text</a>
    </li>
</ul>