with radio buttons mock data

is_drupal_form: false
copy_for_one_time: >-
  Durch Ihre <strong>Spende</strong> unterstützen Sie Greenpeace dabei, Umwelt-
  und Klimaschutzprojekte umzusetzen. So können wir Tieren und Menschen helfen,
  ein besseres Leben zu haben. Greenpeace finanziert sich zu 100% aus
  Privatspenden!
copy_for_other_intervals: >-
  Durch Ihre <strong>monatliche Spende</strong> unterstützen Sie Greenpeace
  dabei, Umwelt- und Klimaschutzprojekte umzusetzen. So können wir Tieren und
  Menschen helfen, ein besseres Leben zu haben. Greenpeace finanziert sich zu
  100% aus Privatspenden!
headline: Ich unterstütze Greenpeace e.V.
interval:
  $tpl: '@fsk/form/fieldset'
  $ref: '@fsk/form/fieldset'
  attributes:
    class: js-TeaserBody-intervalRadios TeaserBody-intervalRadios
  legend:
    title: Ich unterstütze Greenpeace
  children:
    $tpl: '@fsk/form/radios'
    $ref: '@fsk/form/radios'
    layout: row
    children:
      $render:
        - $tpl: '@fsk/form/form-element'
          $ref: '@fsk/form/form-element#radio'
          attributes:
            class: FskFormElement--switcher
          label:
            title: Monatlich
            attributes:
              for: input2
              data-text: Monatlich
          children:
            attributes:
              name: spendenbetrag[interval_count]
              id: input2
              value: 1
              class: FskRadio--switcher
              checked: true
        - $tpl: '@fsk/form/form-element'
          $ref: '@fsk/form/form-element#radio'
          attributes:
            class: FskFormElement--switcher
          label:
            title: Einmalig
            attributes:
              for: input100
              data-text: Einmalig
          children:
            attributes:
              name: spendenbetrag[interval_count]
              id: input100
              value: 0
              class: FskRadio--switcher
amount:
  $tpl: '@fsk/form/fieldset'
  $ref: '@fsk/form/fieldset'
  attributes:
    class: TeaserBody-amount
  legend:
    title: mit einem Betrag von
  children:
    $render:
      - $tpl: '@fsk/form/radios'
        $ref: '@fsk/form/radios'
        layout: row
        children:
          $render:
            - $tpl: '@fsk/form/form-element'
              $ref: '@fsk/form/form-element#radio'
              label:
                title: 10€
                attributes:
                  for: input10
                  aria-controls: test1234
              children:
                attributes:
                  name: spendenbetrag[amount]
                  id: input10
                  value: 10
            - $tpl: '@fsk/form/form-element'
              $ref: '@fsk/form/form-element#radio'
              label:
                title: 15€
                attributes:
                  for: input15
                  aria-controls: test1234
              children:
                attributes:
                  name: spendenbetrag[amount]
                  id: input15
                  value: 15
            - $tpl: '@fsk/form/form-element'
              $ref: '@fsk/form/form-element#radio'
              label:
                title: 40€
                attributes:
                  for: input40
                  aria-controls: test1234
              children:
                attributes:
                  name: spendenbetrag[amount]
                  id: input40
                  value: 40
                  checked: true
      - $tpl: '@fsk/form/form-element'
        $ref: '@fsk/form/form-element#input'
        label_display: invisible
        children:
          attributes:
            class: TeaserBody-amountInput
            placeholder: oder eigener Betrag
submit_button:
  $tpl: '@elements/button'
  $ref: '@elements/button#donation-button-with-icon-left'
  label: Jetzt spenden
  icon: heart
  class: TeaserBody-submit

Close