Regione Toscana Design System

Back Link: Piu Aggiornamenti 

<div class="rtds-flex rtds-items-center rtds-flex-wrap rtds-gap-1 md:rtds-gap-2">
    <p class="rtds-text-xs md:rtds-body-sm rtds-content-03 rtds-m-0">
        Aggiornamento presente in:
    </p>
    <a href="#" class="rtds-text-link rtds-leading-snug rtds-text-link--s">

        Formazione

    </a>

    <span class="rtds-border-gray-02">|</span>

    <a href="#" class="rtds-text-link rtds-leading-snug rtds-text-link--s">

        Giovani

    </a>

    <span class="rtds-border-gray-02">|</span>

    <a href="#" class="rtds-text-link rtds-leading-snug rtds-text-link--s">

        Nome Tema

    </a>
</div>
 
<div class="rtds-flex rtds-items-center rtds-flex-wrap rtds-gap-1 md:rtds-gap-2">
    <p class="rtds-text-xs md:rtds-body-sm rtds-content-03 rtds-m-0">
        Aggiornamento presente in:
    </p>
    {% render '@text-link--aggiornamenti', {
        label: "Formazione",
        hasIcon: false
    }, true %}
    
    <span class="rtds-border-gray-02">|</span>
    
    {% render '@text-link--aggiornamenti', {
        label: "Giovani",
        hasIcon: false
    }, true %}
    
    <span class="rtds-border-gray-02">|</span>
    
    {% render '@text-link--aggiornamenti', {
        label: "Nome Tema",
        hasIcon: false
    }, true %}
</div>
 
{
  "backLink": {
    "label": "Torna a: Nome Tema",
    "icon": "solid--arrow-left",
    "classes": "rtds-content-03"
  },
  "variants": [
    {
      "name": "default"
    },
    {
      "name": "piu-aggiornamenti",
      "context": {
        "backLink": {
          "label": "Nome Tema",
          "classes": "rtds-content-03"
        }
      }
    }
  ]
}

No notes defined.