TileCardBanner

A single tile/card with image, text, and a link.

Includes the common banner props.

Tile card preview

Props

id●

string

required

CMS id.

linkText●

string

required

CTA text displayed on the tile.

url●

DynamicLink

required

Destination link for the tile.

description●

Maybe<string>

Optional descriptive text.

image●

ImageProps

required

Tile image.

fullsize●

boolean

required

If true, the tile render larger and span more width.

Example


const banner: TileCardBanner = {
  typename: BannerTypename.TileCard,
  id: 'b_123',
  title: 'Service',
  titleTag: 'h2',
  titleAlign: 'left',
  cssId: null,
  cssClasses: null,
  linkText: 'Learn more',
  url: { label: 'Learn more', isAbsolute: false, url: '/service', query: [] },
  description: 'Short teaser...',
  image: { id: 'img1', name: 'Service', imageRights: null, file: { /* ... */ } as any, mobileFile: null, alt: 'Service', breakpoint: null, cars: [] },
  fullsize: false
};