Banners
IframeBanner

IframeBanner

Embeds an external site/application via <iframe>.

Includes the common banner props.

Props

id
string
required

CMS id.

name
string | null

Optional iframe name attribute.

allow
string | null

Optional allow attribute (permissions policy).

width
number
required

CSS pixel width.

height
number
required

CSS pixel height.

loading
'eager' | 'lazy'
required

Loading strategy.

src
string
required

Iframe source URL.

fullwidth
boolean
required

If true, iframe can use full-width layout.

align
'left' | 'center' | 'right'
required

Horizontal alignment inside the wrapper.

Notes

  • Treat src as untrusted input; sanitize and restrict allowed domains.

Example

const banner: IframeBanner = {
  typename: BannerTypename.IframeBanner,
  id: 'b_123',
  title: null,
  titleTag: 'h2',
  titleAlign: 'left',
  cssId: null,
  cssClasses: null,
  name: null,
  allow: null,
  width: 1200,
  height: 600,
  loading: 'lazy',
  src: 'https://example.com/embed',
  fullwidth: false,
  align: 'center'
};