Banners
ButtonBlockBanner

ButtonBlockBanner

Single button block.

Includes the common banner props.

Props

id
string
required

CMS id.

button
ButtonProps
required

Button configuration (same shape as used in HeadlineBlockBanner).

  • text: label
  • url: link
  • style: visual variant
  • contactForm: optional form config

Example

const banner: ButtonBlockBanner = {
  typename: BannerTypename.ButtonBlock,
  id: 'b_123',
  title: null,
  titleTag: 'h2',
  titleAlign: 'left',
  cssId: null,
  cssClasses: null,
  button: { text: 'Contact', url: { label: 'Contact', isAbsolute: false, url: '/contact', query: [] }, style: 'primary', contactForm: null }
};