default mock data

id: unique_id
headline: Accordion Headline (optional)
items:
  - headline: Only rte
    rte:
      $ref: /elements/rte
  - headline: Only image
    media:
      $ref: /elements/media-template
      is_portrait: false
      image:
        $tpl: elements/image
        width: 521
        height: 391
        src: https://via.placeholder.com/521x391
        alt: Alternative text
        id: 13
        sources:
          - width: 521
            height: 391
            srcset: https://via.placeholder.com/521x391
            media: '(max-width: 35.5625rem)'
          - width: 911
            height: 683
            srcset: https://via.placeholder.com/911x683
            media: '(min-width: 35.625rem) and (max-width: 59.9375rem)'
          - width: 1176
            height: 882
            srcset: https://via.placeholder.com/1176x882
            media: '(min-width: 60rem) and (max-width: 79.9375rem)'
          - width: 1176
            height: 882
            srcset: https://via.placeholder.com/1176x882
            media: '(min-width: 80rem)'
  - headline: Rte with right image
    rte:
      $ref: /elements/rte
    media:
      is_portrait: false
      image:
        $tpl: elements/image
        width: 521
        height: 391
        src: https://via.placeholder.com/521x391
        alt: Alternative text
        id: 14
        sources:
          - width: 521
            height: 391
            srcset: https://via.placeholder.com/521x391
            media: '(max-width: 35.5625rem)'
          - width: 911
            height: 683
            srcset: https://via.placeholder.com/911x683
            media: '(min-width: 35.625rem) and (max-width: 59.9375rem)'
          - width: 367
            height: 275
            srcset: https://via.placeholder.com/367x275
            media: '(min-width: 60rem) and (max-width: 79.9375rem)'
          - width: 367
            height: 275
            srcset: https://via.placeholder.com/367x275
            media: '(min-width: 80rem)'
    media_position: right
  - headline: Rte with left image
    rte:
      $ref: /elements/rte
    media:
      is_portrait: false
      image:
        $tpl: elements/image
        width: 521
        height: 391
        src: https://via.placeholder.com/521x391
        alt: Alternative text
        id: 15
        sources:
          - width: 521
            height: 391
            srcset: https://via.placeholder.com/521x391
            media: '(max-width: 35.5625rem)'
          - width: 911
            height: 683
            srcset: https://via.placeholder.com/911x683
            media: '(min-width: 35.625rem) and (max-width: 59.9375rem)'
          - width: 367
            height: 275
            srcset: https://via.placeholder.com/367x275
            media: '(min-width: 60rem) and (max-width: 79.9375rem)'
          - width: 367
            height: 275
            srcset: https://via.placeholder.com/367x275
            media: '(min-width: 80rem)'
    media_position: left
  - headline: Rte with image on the top
    rte:
      $ref: /elements/rte
    media:
      is_portrait: false
      image:
        $tpl: elements/image
        width: 521
        height: 391
        src: https://via.placeholder.com/521x391
        alt: Alternative text
        id: 16
        sources:
          - width: 521
            height: 391
            srcset: https://via.placeholder.com/521x391
            media: '(max-width: 35.5625em)'
          - width: 911
            height: 683
            srcset: https://via.placeholder.com/911x683
            media: '(min-width: 35.625em) and (max-width: 59.9375em)'
          - width: 1176
            height: 882
            srcset: https://via.placeholder.com/1176x882
            media: '(min-width: 60em) and (max-width: 79.9375em)'
          - width: 1176
            height: 882
            srcset: https://via.placeholder.com/1176x882
            media: '(min-width: 80em)'
    media_position: top
  - headline: Rte with image on the bottom
    rte:
      $ref: /elements/rte
    media:
      is_portrait: false
      image:
        $tpl: elements/image
        width: 521
        height: 391
        src: https://via.placeholder.com/521x391
        alt: Alternative text
        id: 17
        sources:
          - width: 521
            height: 391
            srcset: https://via.placeholder.com/521x391
            media: '(max-width: 35.5625em)'
          - width: 911
            height: 683
            srcset: https://via.placeholder.com/911x683
            media: '(min-width: 35.625em) and (max-width: 59.9375em)'
          - width: 1176
            height: 882
            srcset: https://via.placeholder.com/1176x882
            media: '(min-width: 60em) and (max-width: 79.9375em)'
          - width: 1176
            height: 882
            srcset: https://via.placeholder.com/1176x882
            media: '(min-width: 80em)'
    media_position: bottom

Close