menu-local-task.html.twig

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 also

\Drupal\Core\Menu\MenuPreprocess::preprocessMenuLocalTask()

4 theme calls to menu-local-task.html.twig
hook_menu_local_tasks_alter in core/lib/Drupal/Core/Menu/menu.api.php
Alter local tasks displayed on the page before they are rendered.
LocalTaskManager::getTasksBuild in core/lib/Drupal/Core/Menu/LocalTaskManager.php
Gets the render array for all local tasks.
MenuTestHooks::menuLocalTasksAlter in core/modules/system/tests/modules/menu_test/src/Hook/MenuTestHooks.php
Implements hook_menu_local_tasks_alter().
ViewFormBase::getDisplayTabs in core/modules/views_ui/src/ViewFormBase.php
Adds tabs for navigating across Displays when editing a View.

File

View on git.drupalcode.org

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 \Drupal\Core\Menu\MenuPreprocess::preprocessMenuLocalTask()

  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.     {{ attach_library('core/drupal.reset-appearance') }}

  30.     <button class="reset-appearance tabs__trigger" type="button" aria-label="{{ 'Tabs display toggle'|t }}" data-drupal-nav-tabs-trigger>

  31.       <span class="hamburger-icon" aria-hidden="false">{% include "@claro/../images/src/hamburger-menu.svg" %}</span>

  32.       <span class="close-icon" aria-hidden="true">{% include "@claro/../images/icons/002e9a/ex.svg" %}</span>

  33.     </button>

  34.   {% endif %}

  35. </li>

Buggy or inaccurate documentation? Please file an issue. Need support? Need help programming? Connect with the Drupal community.