Affiliates menu

// src/components/template-components/footer/affiliates-menu/schema.yaml

$schema: http://json-schema.org/draft-07/schema
$id: /template-components/footer/affiliates-menu
additionalProperties: false
properties:
  links:
    type: array
    items:
      type: object
      properties:
        url:
          type: string
          format: uri-reference
        label:
          type: string
      required:
        - label
  tracking_class:
    type: string
required:
  - links

// src/components/template-components/footer/affiliates-menu/mocks.yaml

links:
  - label: © GREENPEACE
  - label: Umweltstiftung Greenpeace
    url: https://umweltstiftung-greenpeace.de/
  - label: Greenpeace Magazin / Shop
    url: https://www.greenpeace-magazin.de/

// src/components/template-components/footer/affiliates-menu/affiliates-menu.html.twig

<ul class="AffiliatesMenu{% if class %} {{ class }}{% endif %} u-typo-copy-small-semibold">
  {% for item in links %}
    <li class="AffiliatesMenu-item">
      {% if item.url %}
        <a href="{{ item.url }}" class="AffiliatesMenu-itemLink{% if tracking_class %} {{ tracking_class }}{% endif %}" target="_blank" rel="noopener">{{ item.label }}</a>
      {% else %}
        <span class="AffiliatesMenu-itemLink">{{ item.label }}</span>
      {% endif %}
    </li>
  {% endfor %}
</ul>