toolbar.html.twig

Same filename in this branch
  1. 11.x core/profiles/demo_umami/themes/umami/templates/classy/navigation/toolbar.html.twig
  2. 11.x core/themes/stable9/templates/navigation/toolbar.html.twig
  3. 11.x core/themes/claro/templates/classy/navigation/toolbar.html.twig
  4. 11.x core/modules/toolbar/templates/toolbar.html.twig
Same filename in other branches
  1. 9 core/profiles/demo_umami/themes/umami/templates/classy/navigation/toolbar.html.twig
  2. 9 core/themes/stable9/templates/navigation/toolbar.html.twig
  3. 9 core/themes/seven/templates/classy/navigation/toolbar.html.twig
  4. 9 core/themes/claro/templates/navigation/toolbar.html.twig
  5. 9 core/themes/claro/templates/classy/navigation/toolbar.html.twig
  6. 9 core/themes/bartik/templates/classy/navigation/toolbar.html.twig
  7. 9 core/themes/stable/templates/navigation/toolbar.html.twig
  8. 9 core/themes/classy/templates/navigation/toolbar.html.twig
  9. 9 core/modules/toolbar/templates/toolbar.html.twig
  10. 8.9.x core/profiles/demo_umami/themes/umami/templates/classy/navigation/toolbar.html.twig
  11. 8.9.x core/themes/seven/templates/classy/navigation/toolbar.html.twig
  12. 8.9.x core/themes/claro/templates/classy/navigation/toolbar.html.twig
  13. 8.9.x core/themes/bartik/templates/classy/navigation/toolbar.html.twig
  14. 8.9.x core/themes/stable/templates/navigation/toolbar.html.twig
  15. 8.9.x core/themes/classy/templates/navigation/toolbar.html.twig
  16. 8.9.x core/modules/toolbar/templates/toolbar.html.twig
  17. 10 core/profiles/demo_umami/themes/umami/templates/classy/navigation/toolbar.html.twig
  18. 10 core/themes/stable9/templates/navigation/toolbar.html.twig
  19. 10 core/themes/claro/templates/navigation/toolbar.html.twig
  20. 10 core/themes/claro/templates/classy/navigation/toolbar.html.twig
  21. 10 core/modules/toolbar/templates/toolbar.html.twig

Theme override for the administrative toolbar.

If Claro is the admin theme, this template will be used by the active theme even if the active theme is not Claro.

Available variables:

  • attributes: HTML attributes for the wrapper.
  • toolbar_attributes: HTML attributes to apply to the toolbar.
  • toolbar_heading: The heading or label for the toolbar.
  • tabs: List of tabs for the toolbar.
    • attributes: HTML attributes for the tab container.
    • link: Link or button for the menu tab.
  • trays: Toolbar tray list, each associated with a tab. Each tray in trays contains:

    • attributes: HTML attributes to apply to the tray.
    • label: The tray's label.
    • links: The tray menu links.
  • remainder: Any non-tray, non-tab elements left to be rendered.

See also

template_preprocess_toolbar()

1 theme call to toolbar.html.twig
Toolbar::getInfo in core/modules/toolbar/src/Element/Toolbar.php
Returns the element properties for this element.

File

core/themes/claro/templates/navigation/toolbar.html.twig

View source
  1. {#
  2. /**
  3. * @file
  4. * Theme override for the administrative toolbar.
  5. *
  6. * If Claro is the admin theme, this template will be used by the active theme
  7. * even if the active theme is not Claro.
  8. *
  9. * Available variables:
  10. * - attributes: HTML attributes for the wrapper.
  11. * - toolbar_attributes: HTML attributes to apply to the toolbar.
  12. * - toolbar_heading: The heading or label for the toolbar.
  13. * - tabs: List of tabs for the toolbar.
  14. * - attributes: HTML attributes for the tab container.
  15. * - link: Link or button for the menu tab.
  16. * - trays: Toolbar tray list, each associated with a tab. Each tray in trays
  17. * contains:
  18. * - attributes: HTML attributes to apply to the tray.
  19. * - label: The tray's label.
  20. * - links: The tray menu links.
  21. * - remainder: Any non-tray, non-tab elements left to be rendered.
  22. *
  23. * @see template_preprocess_toolbar()
  24. */
  25. #}
  26. <div{{ attributes.addClass('toolbar', 'claro-toolbar') }}>
  27. <nav{{ toolbar_attributes.addClass('toolbar-bar', 'clearfix') }}>
  28. <h2 class="visually-hidden">{{ toolbar_heading }}</h2>
  29. {% for key, tab in tabs %}
  30. {% set tray = trays[key] %}
  31. <div{{ tab.attributes.addClass('toolbar-tab') }}>
  32. {{ tab.link }}
  33. {% apply spaceless %}
  34. <div{{ tray.attributes }}>
  35. {% if tray.label %}
  36. <nav class="toolbar-lining clearfix" role="navigation" aria-label="{{ tray.label }}">
  37. <h3 class="toolbar-tray-name visually-hidden">{{ tray.label }}</h3>
  38. {% else %}
  39. <nav class="toolbar-lining clearfix" role="navigation">
  40. {% endif %}
  41. {{ tray.links }}
  42. </nav>
  43. </div>
  44. {% endapply %}
  45. </div>
  46. {% endfor %}
  47. </nav>
  48. {{ remainder }}
  49. </div>

Buggy or inaccurate documentation? Please file an issue. Need support? Need help programming? Connect with the Drupal community.