Skip to Content
BannersIframeBanner

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' };
Last updated on