Content Previews

Content With Text Columns

A section cms container component

SectionCmsContainer

API Reference

No component metadata found for SectionCmsContainer. Did you mean CmsContainer?

Prop	Default	Type
`title`		`string`
`content`		`string`
`alignment`		`ContentAlignmentHorizontalFieldValue`
`mediaAspectRatio`		`"default" \| "1/1" \| "16/9" \| "4/3"`
`buttonVariant`		`"positive" \| "primary" \| "secondary" \| "black-ghost" \| "white-ghost" \| "danger" \| "glass" \| "white-close" \| "black-close" \| "black-close-always-black" \| "white-close-always-white" \| "input-field" \| "glass-white" \| "ghost"`
`buttonLink`		`string`
`buttonText`		`string`
`iconBackground`		`"default" \| "solid" \| "none" \| "pale"`
`icon`		`string`
`media`		{ type: "image"; sources: { provider: string; src: string; width?: number ; height?: number \| undefined; responsive?: "static" \| "mobile" \| "desktop" \| undefined; focalPoint?: [number, number] \| undefined; }[]; alt?: string \| undefined; meta?: any; placeholder?: ["solid" \| "thumbhash", string] \| undefined; } \| { type: "video"; sources: { provider: string; src: string; width: number; height: number; length?: Duration \| undefined; format?: string \| undefined; responsive?: "static" \| "mobile" \| "desktop" \| undefined; }[]; alt?: string \| undefined; meta?: any; preview?: { type: "image"; sources: { provider: string; src: string; width?: number \| undefined; height?: number \| undefined; responsive?: "static" \| "mobile" \| "desktop" \| undefined; focalPoint?: [number, number] \| undefined; }[]; alt?: string \| undefined; meta?: any; placeholder?: ["solid" \| "thumbhash", string] \| undefined; } \| undefined; } \| undefined

No component metadata found for BlockCmsCardText. Did you mean BlockCmsCardContent?

Prop	Default	Type
`href`		`string`
`size`		`"small" \| "medium" \| "large"`
`variant`		`"positive" \| "primary" \| "secondary" \| "black-ghost" \| "white-ghost" \| "danger" \| "glass" \| "white-close" \| "black-close" \| "black-close-always-black" \| "white-close-always-white" \| "input-field" \| "glass-white" \| "ghost"`
`text`		`string`
`icon`		`string`

Content with Image and Text

A section cms image text component

Hero Slider

A block basic hero slider slide component