UI Components

Breadcrumbs

Breadcrumbs

<ul class="c-breadcrumb u-unstyled u-clearfix">   
    <li class="c-breadcrumb-item c-breadcrumb-item--home" itemscope="" itemtype="http://data-vocabulary.org/Breadcrumb">
        <a class="c-breadcrumb-item-link" href="#" itemprop="url" title="Home link">
            <span itemprop="title">Second Parent</span>
        </a>
        <svg class="c-breadcrumb-item-icon c-icon--chevron--small c-icon--chevron--right" >
            <use xlink:href="/assets/img/sprite.svg#icons-arrows-chevron" xmlns:xlink="http://www.w3.org/1999/xlink"></use>
        </svg>
    </li>
    <li class="c-breadcrumb-item" itemscope="" itemtype="http://data-vocabulary.org/Breadcrumb">
        <a class="c-breadcrumb-item-link" href="#" itemprop="url" title="Second level Link">
            <span itemprop="title">First Parent</span>
        </a>
        <svg class="c-breadcrumb-item-icon c-icon--chevron--small c-icon--chevron--right" >
            <use xlink:href="/assets/img/sprite.svg#icons-arrows-chevron" xmlns:xlink="http://www.w3.org/1999/xlink"></use>
        </svg>
    </li>
    <li class="c-breadcrumb-item" itemscope="" itemtype="http://data-vocabulary.org/Breadcrumb">
        <span itemprop="title">Last Level</span>
    </li>
</ul>