sharing

Information

Folder
src/components/patterns/sharing

Files

Schema
Mocks
Template
// src/components/patterns/sharing/sharing.html.twig

{% set share = share|merge({class: "Sharing-share"}) %}

<div class="Sharing u-container u-grid{% if class %} {{ class }}{% endif %}{% if not media%} Sharing--withoutMedia{% endif %}">
  {% if media %}
    <div class="Sharing-image">
      {% include "@elements/media-template/media-template.html.twig" with media only %}
    </div>
  {% endif %}
  <div class="Sharing-text">
    {% if headline %}
      <p class="Sharing-headline u-typo-headline3">{{ headline|german_quotes }}</p>
    {% endif %}
    {% if subline %}
      <p class="Sharing-subline {{ media ? 'u-typo-big-copy-subline' : 'u-typo-copy-bold' }}">{{ subline|german_quotes }}</p>
    {% endif %}
    {% if copy %}
      <p class="Sharing-copy">{{ copy|german_quotes }}</p>
    {% endif %}
    {% if share %}
      {% include "@elements/share/share.html.twig" with share only %}
    {% endif %}
  </div>
</div>

Variants

default
Open

default mock data

Raw
Resolved
Image with caption and copyright
Open

Image with caption and copyright mock data

Raw
Resolved
Without image
Open

Without image mock data

Raw
Resolved