Banners
ImageBlockBanner

ImageBlockBanner

Single image block with sizing and object-fit options.

Includes the common banner props.

Placeholder image

Props

id●
string
required

CMS id.

image●
ImageProps
required

Image to render.

isFullsize●
boolean
required

If true, render full width.

objectFit●
'cover' | 'contain' | 'fill' | 'none'
required

CSS object-fit behavior.

maxHeight●
Maybe<string | number>

Optional max height (CSS value or number interpreted by renderer).

Example

const banner: ImageBlockBanner = {
  typename: BannerTypename.ImageBlock,
  id: 'b_123',
  title: null,
  titleTag: 'h2',
  titleAlign: 'left',
  cssId: null,
  cssClasses: null,
  image: { id: 'img1', name: 'Image', imageRights: null, file: {} as any, mobileFile: null, alt: 'Alt', breakpoint: null, cars: [] },
  isFullsize: false,
  objectFit: 'cover',
  maxHeight: null
};
HeroBlockBannerImageGalleryBanner