petition-teaser

// src/components/patterns/petition-teaser/petition-teaser.html.twig

<article class="PetitionTeaser js-PetitionTeaser u-container {% if not id %}PetitionTeaser--general{% endif %}" {% if id %}data-id="{{ id }}"{% endif %}>
  <div class="PetitionTeaser-inner u-grid">
    <div class="PetitionTeaser-text">
      <p class="u-typo-label-small">Online-Mitmachaktion</p>
      <a class="PetitionTeaser-link u-typo-link u-brandLink" href="{{ url }}">{{ url }}</a>
      <h3 class="PetitionTeaser-headline u-typo-headline3">{{ headline|german_quotes }}</h3>
      <p class="PetitionTeaser-copy u-typo-copy">{{ copy|german_quotes }}</p>
      {% include "@elements/button/button.html.twig" with button|merge({class: "PetitionTeaser-button", icon: "edit"}) only %}
    </div>
    {% if id %}
      {% include "@elements/progress-bar/progress-bar.html.twig" with {class: "js-PetitionTeaser-progressBar PetitionTeaser-progressBar"} only %}
    {% endif %}
  </div>
</article>