Gift Option

// src/components/patterns/form/gift-option/schema.yaml

$schema: http://json-schema.org/draft-07/schema
$id: /patterns/form/gift-option
additionalProperties: false
required:
  - image
  - rte
properties:
  image:
    type: string
    format: html
  rte:
    $ref: /elements/rte

// src/components/patterns/form/gift-option/mocks.yaml

image:
  $tpl: elements/image
  $ref: elements/image
  width: 250
  height: 188
  src: https://via.placeholder.com/250x188
  id: 21
rte:
  $ref: /elements/rte
  markup: >-
    Sie möchten regelmäßig an Greenpeace e.V.  spenden? Für diesen Einsatz
    möchten wir uns gern mit einem <strong>kleinen Geschenk</strong> bedanken!
    Wenn Sie regelmäßig Greenpeace e.V. finanziell unterstützen, sind Sie für
    uns ein Fördermitglied und erhalten damit viele <a href="url">Services</a>
    und <a href="url">Vorteile</a>.

// src/components/patterns/form/gift-option/gift-option.html.twig

{% set merged_rte = rte|merge({class: "GiftOption-rte"}) %}

<div class="GiftOption">
  <div class="GiftOption-image">
    {{ image|raw }}
  </div>
  {% include "@elements/rte/rte.html.twig" with merged_rte only %}
</div>