Skip to main content

MediaHeroBlock

Overview

MediaHeroBlock represents a hero section featuring media content such as images or videos, combined with text and call-to-action elements. It is typically used for prominent page banners or sections.

Attributes

id

type: string

A unique identifier for the media hero block.

type

type: literal = 'mediaHero'

Discriminant for this block type.

ariaLabel

type: string (optional)

Accessibility label for the media hero block.

media

type: Media (optional)

The media asset (image or video) associated with the hero block.

ctas

type: CtaBlock[] (optional)

A list of call-to-action elements.

type: CtaBlock[] (optional)

A list of link elements.

type: LinkItemBlock[] (optional)

A list of image-based link elements.

orientation

type: Variants (optional)

Defines the layout orientation for the hero block.

textColor

type: TextColorOptions (optional)

Specifies the text color for the hero block.