Mantra Theme Tabs

mantra_theme.libraries.yml

tabs:
  css:
    component:
      css/drupal/component/tabs.css: {}

menu-local-tasks.html.twig

Attach tabs library.

Add tabs primary and secondary classes.

{{ attach_library('mantra_theme/tabs') }}
{% if primary %}
  <h2 class="visually-hidden">{{ 'Primary tabs'|t }}</h2>
  <ul class="tabs primary">{{ primary }}</ul>
{% endif %}
{% if secondary %}
  <h2 class="visually-hidden">{{ 'Secondary tabs'|t }}</h2>
  <ul class="tabs secondary">{{ secondary }}</ul>
{% endif %}

tabs.css

ul.tabs {
    display: flex;
    gap: 1rem;
    list-style: none;
    padding-left: 0;
    margin: 1rem 0;
}