You are here

menu-local-tasks.html.twig in Zircon Profile 8.0

Seven theme implementation to display primary and secondary local tasks.

Available variables:

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

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

See also

template_preprocess_menu_local_tasks()

File

core/themes/seven/templates/menu-local-tasks.html.twig
View source
  1. {#
  2. /**
  3. * @file
  4. * Seven theme implementation to display primary and secondary local tasks.
  5. *
  6. * Available variables:
  7. * - primary: HTML list items representing primary tasks.
  8. * - secondary: HTML list items representing primary tasks.
  9. *
  10. * Each item in these variables (primary and secondary) can be individually
  11. * themed in menu-local-task.html.twig.
  12. *
  13. * @see template_preprocess_menu_local_tasks()
  14. *
  15. * @ingroup themeable
  16. */
  17. #}
  18. {% if primary %}
  19. <h2 id="primary-tabs-title" class="visually-hidden">{{ 'Primary tabs'|t }}</h2>
  20. <nav role="navigation" class="is-horizontal is-collapsible" aria-labelledby="primary-tabs-title" data-drupal-nav-tabs>
  21. <button class="reset-appearance tabs__tab tabs__trigger" aria-label="{{ 'Primary tabs display toggle'|t }}" data-drupal-nav-tabs-trigger>&bull;&bull;&bull;</button>
  22. <ul class="tabs primary clearfix" data-drupal-nav-tabs-target>{{ primary }}</ul>
  23. </nav>
  24. {% endif %}
  25. {% if secondary %}
  26. <h2 id="secondary-tabs-title" class="visually-hidden">{{ 'Secondary tabs'|t }}</h2>
  27. <nav role="navigation" class="is-horizontal" aria-labelledby="secondary-tabs-title" data-drupal-nav-tabs>
  28. <ul class="tabs secondary clearfix">{{ secondary }}</ul>
  29. </nav>
  30. {% endif %}

Related topics