Breadcrumb

Supported products

• Central CMS
• Central Forms
• Central Connect

---

A basic helper to render a list of breadcrumb links. A view should set a breadcrumbs object which will then be rendered by the base template.

Basic usage

Twig

{%
    set breadcrumbs = [
        {'label': 'foo', 'href': '#foo'},
        {'label': 'bar', 'href': '#bar'},
        {'label': 'baz', 'href': '#baz'}
    ]
%}

{{ nav.breadcrumbs(breadcrumbs|default) }}

HTML

<nav aria-label="breadcrumbs">
    <ol>
        <li>
            <a href="#foo">foo</a>
        </li>
        <li>
            <a href="#bar">bar</a>
        </li>
        <li>
            <a href="#baz" aria-current="page">baz</a>
        </li>
    </ol>
</nav>

Accessibility

Refer to the Jadu Accessibility Guidelines (internal) for detailed guidance on the accessibility requirements of this component.