SimpleTileCardsBanner

Collection of simple tiles/cards.

Simple tile cards banner preview

Types


type SimpleTileItem = {
  id: string;
  image: ImageProps;
  description: Maybe<string>;
  linkText: string;
  url: DynamicLink | null;
};

Props

id●

string

required

CMS id.

items●

SimpleTileItem[]

required

Tiles rendered in order.

Notes

If url is null, the tile is rendered non-clickable.
Use ImageProps for the tile image.

Example


const banner: SimpleTileCardsBanner = {
  typename: BannerTypename.SimpleTileCards,
  id: 'b_123',
  title: 'Topics',
  titleTag: 'h2',
  titleAlign: 'left',
  cssId: null,
  cssClasses: null,
  items: [
    {
      id: 't1',
      image: { id: 'img1', name: 'Topic', imageRights: null, file: {} as any, mobileFile: null, alt: 'Topic', breakpoint: null, cars: [] },
      description: 'Short teaser...',
      linkText: 'Open',
      url: { label: 'Open', isAbsolute: false, url: '/topic', query: [] }
    }
  ]
};