media-teaser

// src/components/patterns/media-teaser/schema.yaml

$schema: http://json-schema.org/draft-07/schema
$id: /patterns/media-teaser
additionalProperties: false
required:
  - media
properties:
  media:
    type: string
    format: html
    description: elements/image or elements/video

// src/components/patterns/media-teaser/mocks.yaml

media:
  $ref: elements/image#16x9_9x16
  $tpl: elements/image
$variants:
  - $name: video
    media:
      $ref: elements/video
      $tpl: elements/video
      controls: false
      muted: true
      loop: true
      autoplay: true
      skip_cookiebot_consent: true

// src/components/patterns/media-teaser/media-teaser.twig

{% include "@patterns/hero/hero.twig" with {media: media} only %}