menu-local-task.html.twig

Same filename in this branch

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

{#
/**
 * @file
 * 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.
 *
 * @see template_preprocess_menu_local_task()
 */
#}
{%
  set classes = [
    'tabs__tab',
    level == 'primary' ? 'js-tab',
    is_active ? 'is-active',
    is_active ? 'js-active-tab',
  ]
%}
<li{{ attributes.addClass(classes) }}>
  {{ link }}
  {% if is_active and level == 'primary' %}
    <button class="reset-appearance tabs__trigger" type="button" aria-label="{{ 'Tabs display toggle'|t }}" data-drupal-nav-tabs-trigger>
      {% include "@claro/../images/src/hamburger-menu.svg" %}
    </button>
  {% endif %}
</li>

menu-local-task.html.twig

See also

File