You are here

toolbar.html.twig in Drupal 10

Theme override for the administrative toolbar.

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.

File

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