Banners
ButtonBlockBanner

ButtonBlockBanner

Single button block.

Includes the common banner props.

Button block preview

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 }
};