Come aggiungere una classe aggiuntiva a ciascun elemento nel modello menu-local-task.html.twig?

Question

Ho bisogno di cambiare il modello della scheda di amministrazione aggiungendovi il mio wrapper e la mia classe.

Questo è il codice predefinito:

<li{{ attributes.addClass(is_active ? 'is-active') }}>{{ link }}</li>

Il mio codice:

<div {{ .attributes.addClass(is_active ? 'DefTabs__tabItem--active') }}>{{ link }}</div>

Attualmente, la classe "DefTabs__tabItem--active" viene aggiunta al collegamento attivo, ma devo aggiungere un'ulteriore classe CSS "DefTabs__tabItem" a ciascun elemento DIV. Come posso fare questo?

Answer 1

Crea un array, es:

{%
    set classes = [   
      is_active ? 'is-active',
      'my-second-class-name',
    ]
%}

<div {{ attributes.addClass(classes) }}>{{ link }}</div>

---

Attualmente, la classe "DefTabs__tabItem--active" viene aggiunta al collegamento attivo, ma devo aggiungere un'ulteriore classe CSS "DefTabs__tabItem" a ciascun elemento DIV.

A proposito, non c'è bisogno di ripeterti con la denominazione, fai questo:

{%
    set classes = [   
      'DefTabs__tabItem',
      is_active ? 'active',
    ]
%}

<div {{ attributes.addClass(classes) }}>{{ link }}</div>

Quindi in CSS puoi scegliere come target l'attivo con.DefTabs__tabItem.active { ... }