Breadcrumb Component

The breadcrumb component, is used to display the current page's location in the website.

        <nav class="breadcrumb">
            <ul>
                <li><a href="">Index</a></li>
                <li><a href="">Category</a></li>
                <li>Element</li>
            </ul>
        </nav>
 
        <nav class="breadcrumb">
            <ul>
                <li><a href="">Index</a></li>
                <li><a href="">Category</a></li>
                <li><a href="">Element</a></li>
                <li>Other Element</li>
            </ul>
        </nav>
 
        <nav class="breadcrumb">
            <ul>
                <li>Index</li>
            </ul>
        </nav>

Usage

The breadcrumb required breadcrumb CSS class only. But the ul tag is required.