with select mock data

is_drupal_form: false
has_flyout: true
donation_examples:
  id: test1234
  items:
    - $ref: elements/donation-example#small
      $tpl: elements/donation-example
      is_template: true
      data_attributes:
        - key: interval-dependency
          value: '0'
        - key: amount-dependency
          value: '60'
      copy:
        $tpl: elements/rte
        markup: lorem ipsum 60€.
    - $ref: elements/donation-example#small
      $tpl: elements/donation-example
      is_template: true
      data_attributes:
        - key: interval-dependency
          value: '0'
        - key: amount-dependency
          value: '50'
      copy:
        $tpl: elements/rte
        markup: lorem ipsum 50€.
    - $ref: elements/donation-example#small
      $tpl: elements/donation-example
      is_template: true
      data_attributes:
        - key: interval-dependency
          value: '0'
        - key: amount-dependency
          value: donate_custom_amount
      copy:
        $tpl: elements/rte
        markup: lorem ipsum custom amount.
amount:
  $tpl: '@fsk/form/fieldset'
  $ref: '@fsk/form/fieldset'
  attributes:
    class: PaymentAmount-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: 50€
                attributes:
                  for: input50
                  aria-controls: test1234
              children:
                attributes:
                  name: spendenbetrag[amount]
                  id: input50
                  value: 50
            - $tpl: '@fsk/form/form-element'
              $ref: '@fsk/form/form-element#radio'
              label:
                title: 60€
                attributes:
                  for: input60
                  aria-controls: test1234
              children:
                attributes:
                  name: spendenbetrag[amount]
                  id: input60
                  value: 60
            - $tpl: '@fsk/form/form-element'
              $ref: '@fsk/form/form-element#radio'
              label:
                title: 70€
                attributes:
                  for: input70
                  aria-controls: test1234
              children:
                attributes:
                  name: spendenbetrag[amount]
                  id: input70
                  value: 70
      - $tpl: '@fsk/form/form-element'
        $ref: '@fsk/form/form-element#input'
interval:
  $tpl: '@fsk/form/fieldset'
  $ref: '@fsk/form/fieldset'
  attributes:
    class: PaymentAmount-interval
  legend:
    title: Ich unterstütze Greenpeace e.V.
  children:
    $render:
      - $tpl: '@fsk/form/form-element'
        $ref: '@fsk/form/form-element#select'
        label:
          title: Ich unterstütze Greenpeace e.V. *
          attributes:
            for: input3
        children:
          $tpl: '@fsk/form/form-element/input/select'
          $ref: '@fsk/form/form-element/input/select'
          options:
            - type: option
              value: 12
              label: monatlich
            - type: option
              value: 4
              label: vierteljährlich
            - type: option
              value: 2
              label: halbjährlich
            - type: option
              value: 1
              label: jährlich
            - type: option
              value: '0'
              label: einmalig
          attributes: null
          id: input3

Close