Skip to main content
Drupal API
User account menu
  • Log in

Breadcrumb

  1. Drupal Core 11.1.x

breadcrumb.html.twig

Same filename in this branch
  1. 11.1.x core/profiles/demo_umami/themes/umami/templates/components/navigation/breadcrumb.html.twig
  2. 11.1.x core/themes/olivero/templates/navigation/breadcrumb.html.twig
  3. 11.1.x core/themes/stable9/templates/navigation/breadcrumb.html.twig
  4. 11.1.x core/themes/starterkit_theme/templates/navigation/breadcrumb.html.twig
  5. 11.1.x core/themes/claro/templates/breadcrumb.html.twig

Default theme implementation for a breadcrumb trail.

Available variables:

  • breadcrumb: Breadcrumb trail items.
1 theme call to breadcrumb.html.twig
Breadcrumb::toRenderable in core/lib/Drupal/Core/Breadcrumb/Breadcrumb.php
Returns a render array representation of the object.

File

core/modules/system/templates/breadcrumb.html.twig

View source
  1. {#
  2. /**
  3. * @file
  4. * Default theme implementation for a breadcrumb trail.
  5. *
  6. * Available variables:
  7. * - breadcrumb: Breadcrumb trail items.
  8. *
  9. * @ingroup themeable
  10. */
  11. #}
  12. {% if breadcrumb %}
  13. <nav role="navigation" aria-labelledby="system-breadcrumb">
  14. <h2 id="system-breadcrumb" class="visually-hidden">{{ 'Breadcrumb'|t }}</h2>
  15. <ol>
  16. {% for item in breadcrumb %}
  17. <li>
  18. {% if item.url %}
  19. <a href="{{ item.url }}">{{ item.text }}</a>
  20. {% else %}
  21. {{ item.text }}
  22. {% endif %}
  23. </li>
  24. {% endfor %}
  25. </ol>
  26. </nav>
  27. {% endif %}

Related topics

Theme system overview
Functions and templates for the user interface that themes can override.
RSS feed
Powered by Drupal