Nav:Breadcrumbs // Statamic 3 Docs

Example

Here’s an example of what breadcrumbs might look like, as well as a code example in use.

Home

→

Blog

→

How to Dress Like David Hasselhoff

These crumbs are delicious.

<ul class="breadcrumbs">
    {{ nav:breadcrumbs }}
    <li{{ if is_current }} class="current"{{ /if }}>
        <a href="{{ url }}">{{ title }}</a>
    </li>
    {{ /nav:breadcrumbs }}
</ul>

Parameters

url string

Defaults to your current page.

include_home boolean

Remove the home page and begin from the first level nav item. Default: true.

reverse boolean

Reverse the order of links.

trim boolean true

Trim the whitespace from each iteration of the loop. Default: true.

Variables

Variable	Type	Description
is_current	`boolean`	`true` if current page is the URL being viewed. Useful for adding active state classes in your HTML.
data/content	`mixed`	All data and variables are available for each item in the list.