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

Claro theme implementation to display primary and secondary local tasks.

Available variables:

• primary: HTML list items representing primary tasks.
• secondary: HTML list items representing secondary tasks.

Each item in these variables (primary and secondary) can be individually themed in menu-local-task.html.twig.

1 theme call to menu-local-tasks.html.twig

LocalTasksBlock::build in core/lib/Drupal/Core/Menu/Plugin/Block/LocalTasksBlock.php

File

core/themes/claro/templates/menu-local-tasks.html.twig

{#
/**
 * @file
 * Claro theme implementation to display primary and secondary local tasks.
 *
 * Available variables:
 * - primary: HTML list items representing primary tasks.
 * - secondary: HTML list items representing secondary tasks.
 *
 * Each item in these variables (primary and secondary) can be individually
 * themed in menu-local-task.html.twig.
 *
 * @ingroup themeable
 */
#}
{% if primary %}
  <h2 id="primary-tabs-title" class="visually-hidden">{{ 'Primary tabs'|t }}</h2>
  <nav role="navigation" class="tabs-wrapper is-horizontal is-collapsible" aria-labelledby="primary-tabs-title" data-drupal-nav-tabs>
    <ul class="tabs tabs--primary clearfix" data-drupal-nav-tabs-target>{{ primary }}</ul>
  </nav>
{% endif %}
{% if secondary %}
  <h2 id="secondary-tabs-title" class="visually-hidden">{{ 'Secondary tabs'|t }}</h2>
  <nav role="navigation" class="tabs-wrapper tabs-wrapper--secondary is-horizontal" aria-labelledby="secondary-tabs-title">
    <ul class="tabs tabs--secondary clearfix">{{ secondary }}</ul>
  </nav>
{% endif %}

Related topics

Theme system overview

Functions and templates for the user interface that themes can override.