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/olivero/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', is_active ? 'is-active') }}>
  19. {{ link }}
  20. {% if is_active and level == 'primary' %}
  21. <button class="tabs__trigger" aria-label="{{ 'Tabs display toggle'|t }}" aria-expanded="false">
  22. <span class="tabs__trigger-icon">
  23. <span></span>
  24. <span></span>
  25. <span></span>
  26. </span>
  27. </button>
  28. {% endif %}
  29. </li>