You are here

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

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. {%
  19. set classes = [
  20. 'tabs__tab',
  21. level == 'primary' ? 'js-tab',
  22. is_active ? 'is-active',
  23. is_active ? 'js-active-tab',
  24. ]
  25. %}
  26. <li{{ attributes.addClass(classes) }}>
  27. {{ link }}
  28. {% if is_active and level == 'primary' %}
  29. <button class="reset-appearance tabs__trigger" aria-label="{{ 'Tabs display toggle'|t }}" data-drupal-nav-tabs-trigger>
  30. {% include "@claro/../images/src/hamburger-menu.svg" %}
  31. </button>
  32. {% endif %}
  33. </li>