contacts-list

// src/components/patterns/further-questions/contacts-list/contacts-list.html.twig

<ul class="ContactsList">
  {% for item in list %}
    {% if item.type == "mail" %}
      {% set href_type = "mailto:" %}
    {% elseif item.type == "phone" %}
      {% set href_type = "tel:" %}
    {% else %}
      {% set href_type = "" %}
    {% endif %}
    <li class="ContactsList-item">
      <span class="ContactsList-type u-typo-copy-bold">
        {% include "@elements/icon/icon.html.twig" with {
          name: item.type,
          class: "ContactsList-icon"
        } only %}
        {{ item.label }}
      </span>
        <a class="ContactsList-link u-brandLink u-typo-link" href="{{ href_type }}{{ item.url|replace({' ': ''}) }}">
          {% if item.type == "phone" %}
            {{ item.url|replace({' ': '&nbsp;'}) }}
          {% else %}
            {{ item.url }}
          {% endif %}
        </a>
    </li>
  {% endfor %}
</ul>