contact-channel

Information

Folder
src/components/patterns/contact-persons/contact-channel

Files

Schema
Mocks
Template
// src/components/patterns/contact-persons/contact-channel/contact-channel.html.twig

{% if icon == "mail" %}
  {% set type = "mailto:" %}
{% elseif icon == "phone" %}
  {% set type = "tel:" %}
{% endif %}

{% set href = type ? type ~ link.url : link.url %}

<li class="ContactChannel">
  <p class="ContactChannel-title u-typo-copy-bold">
    {% include "@elements/icon/icon.html.twig" with {
      name: icon,
      class: "ContactChannel-icon"
    } only %}
    {{ title }}
  </p>
  <a class="ContactChannel-link u-typo-copy-bold u-brandLink" href="{{ href|replace({' ': ''}) }}">
    {{ link.title }}
  </a>
</li>

Variants

Mail
Open

Mail mock data

Raw
Resolved
Phone
Open

Phone mock data

Raw
Resolved