You are here

menu-local-task.html.twig in Drupal 9

Theme override for a local task link.

Available variables:

  • attributes: HTML attributes for the wrapper element.
  • is_active: Whether the task item is an active tab.
  • link: A rendered link element.
  • level: The menu level where the tab is rendered.

Note: This template renders the content for each task item in menu-local-tasks.html.twig.

File

core/themes/claro/templates/navigation/menu-local-task.html.twig
View source
  1. {#
  2. /**
  3. * @file
  4. * Theme override for a local task link.
  5. *
  6. * Available variables:
  7. * - attributes: HTML attributes for the wrapper element.
  8. * - is_active: Whether the task item is an active tab.
  9. * - link: A rendered link element.
  10. * - level: The menu level where the tab is rendered.
  11. *
  12. * Note: This template renders the content for each task item in
  13. * menu-local-tasks.html.twig.
  14. *
  15. * @see template_preprocess_menu_local_task()
  16. */
  17. #}
  18. <li{{ attributes.addClass('tabs__tab', 'js-tab', is_active ? 'is-active', is_active ? 'js-active-tab') }}>
  19. {{ link }}
  20. {% if is_active and level == 'primary' %}
  21. <button class="reset-appearance tabs__trigger" aria-label="{{ 'Tabs display toggle'|t }}" data-drupal-nav-tabs-trigger>
  22. {% include "@claro/../images/src/hamburger-menu.svg" %}
  23. </button>
  24. {% endif %}
  25. </li>