Submission

// src/components/patterns/form/form-submission/schema.yaml

$schema: http://json-schema.org/draft-07/schema#
$id: /patterns/form/form-submission
additionalProperties: false
properties:
  content:
    type: array
    items:
      type: string
      format: html
required:
  - content

// src/components/patterns/form/form-submission/mocks.yaml

content:
  - $tpl: '@fsk/form/form-element'
    $ref: '@fsk/form/form-element#submit'
    children:
      $tpl: '@fsk/form/form-element/input/input--submit'
      $ref: '@fsk/form/form-element/input/input--submit'
      attributes:
        class: js-FskButton

// src/components/patterns/form/form-submission/form-submission.html.twig

{#
 # ATTENTION:
 # This template is only relevant for unit tests
 # to be sure that changes in fsk elements don't break the FE logic.
 # It won't be consumed by Drupal
 #}

<form class="PaymentForm js-PaymentForm">
  {% for item in content %}
    {{ item|raw }}
  {% endfor %}

  {% include "@elements/loading-animation/loading-animation.html.twig" with {
    text: "Ihre Daten werden übertragen. <br>Bitte haben Sie einen Moment Geduld.",
    class: "is-hidden"
  } only %}
</form>