BETA This is a new service — your feedback will help us to improve it.

Back to components

Breadcrumb

The user needs to know their location in the website's hierarchical structure in order to possibly browse back to a higher level in the hierarchy.

Example

HTML Snippet for breadcrumb

<div class="breadcrumb" aria-label="breadcrumb">
    <ol>
        <li><a href="#">Home</a></li>
        <li><a href="#">Level 2</a></li>
        <li aria-current="page">Current page</li>
    </ol>
</div>
Back to top