Image Header

An image_header is usually used at the top of an appTile to show a linkable title with a background image.

Usage

Props

caution

The objectFit and backgroundColor props should only be used when otherwise unavoidable. They are meant to be used together if your images have a consistent background color and you do not want them to be cropped by objectFit: “cover” and if your CDN can not support this behaviour

Required properties

title: "Fixed text" | "{{ variable.title }}",
href: "Fixed URL" | "{{ variable.url }}",
image: "Fixed image src" | "{{ variable.imageSrc }}"

Optional properties

fallbackImageSrc: "Fixed image src" | "{{ variable.imageSrc }}",
props: {
  objectFit: "contain" | "cover",
  backgroundColor: string,
  isFullHeight: boolean,
  hideOverlay: boolean, // Hides the gradient
  hasLightbox: boolean // Adds an image zoom lightbox
}