Skip to content

Reference

Layout elements reference

Download Markdown

Open a page in Composer in the site admin and select the section you are inspecting. Use Settings and Appearance alongside the fields below. Read the shared field guide for the meaning of the table columns.

Checked against the product’s code on 7 November 2026.

This reference lists the catalog fields and their basic starter configuration. Read Shared section fields for the default rules and the shared groups of fields added to these sections. A chosen preset can start with different values.

A heading with a selected level and presentation.

Also carries: Element classes. See shared fields.

Field Input Required Choices Field default Starter value
Text
text
Formatted text Yes No fixed list Not declared Starter text
Level
level
Choice No Heading 1 (h1); Heading 2 (h2); Heading 3 (h3); Heading 4 (h4); Heading 5 (h5); Heading 6 (h6) Not declared Heading 2
Size
size
Choice No Small (sm); Body (base); Large (lg); Extra large (xl); Display (2xl); Hero (3xl) Not declared Extra large
Alignment
align
Choice No Left (left); Center (center); Right (right) Not declared Left
Element styling
pxStyle
Appearance settings No No fixed list Not declared Not set

Text
text

Input
Formatted text
Required
Yes
Choices
No fixed list
Field default
Not declared
Starter value
Starter text

Level
level

Input
Choice
Required
No
Choices
Heading 1 (h1); Heading 2 (h2); Heading 3 (h3); Heading 4 (h4); Heading 5 (h5); Heading 6 (h6)
Field default
Not declared
Starter value
Heading 2

Size
size

Input
Choice
Required
No
Choices
Small (sm); Body (base); Large (lg); Extra large (xl); Display (2xl); Hero (3xl)
Field default
Not declared
Starter value
Extra large

Alignment
align

Input
Choice
Required
No
Choices
Left (left); Center (center); Right (right)
Field default
Not declared
Starter value
Left

Element styling
pxStyle

Input
Appearance settings
Required
No
Choices
No fixed list
Field default
Not declared
Starter value
Not set

A formatted text element within a layout.

Also carries: Element classes. See shared fields.

Field Input Required Choices Field default Starter value
Content
content
Rich text No No fixed list Not declared Starter text
Element styling
pxStyle
Appearance settings No No fixed list Not declared Not set

Content
content

Input
Rich text
Required
No
Choices
No fixed list
Field default
Not declared
Starter value
Starter text

Element styling
pxStyle

Input
Appearance settings
Required
No
Choices
No fixed list
Field default
Not declared
Starter value
Not set

A picture element with text alternatives and presentation choices.

Also carries: Element classes. See shared fields.

Field Input Required Choices Field default Starter value
Image
imageUrl
Picture Yes No fixed list Not declared Starter picture
Alt text
alt
Text No No fixed list Not declared Empty
Caption
caption
Formatted text No No fixed list Not declared Not set
Shape
ratio
Choice No Natural (natural); Wide (16:9) (wide); Square (square) Not declared Natural
Rounded corners
rounded
Yes or no No No fixed list Not declared Yes
Element styling
pxStyle
Appearance settings No No fixed list Not declared Not set

Image
imageUrl

Input
Picture
Required
Yes
Choices
No fixed list
Field default
Not declared
Starter value
Starter picture

Alt text
alt

Input
Text
Required
No
Choices
No fixed list
Field default
Not declared
Starter value
Empty

Caption
caption

Input
Formatted text
Required
No
Choices
No fixed list
Field default
Not declared
Starter value
Not set

Shape
ratio

Input
Choice
Required
No
Choices
Natural (natural); Wide (16:9) (wide); Square (square)
Field default
Not declared
Starter value
Natural

Rounded corners
rounded

Input
Yes or no
Required
No
Choices
No fixed list
Field default
Not declared
Starter value
Yes

Element styling
pxStyle

Input
Appearance settings
Required
No
Choices
No fixed list
Field default
Not declared
Starter value
Not set

An authored button or link.

Also carries: Element classes. See shared fields.

Field Input Required Choices Field default Starter value
Label
label
Formatted text Yes No fixed list Not declared Starter text
Link
url
Link No No fixed list Not declared Empty
Style
variant
Choice No Primary (primary); Secondary (secondary); Outline (ghost) Not declared Primary
Size
size
Choice No Small (sm); Medium (md); Large (lg) Not declared Medium
Alignment
align
Choice No Left (left); Center (center); Right (right) Not declared Left
Element styling
pxStyle
Appearance settings No No fixed list Not declared Not set

Label
label

Input
Formatted text
Required
Yes
Choices
No fixed list
Field default
Not declared
Starter value
Starter text

Link
url

Input
Link
Required
No
Choices
No fixed list
Field default
Not declared
Starter value
Empty

Style
variant

Input
Choice
Required
No
Choices
Primary (primary); Secondary (secondary); Outline (ghost)
Field default
Not declared
Starter value
Primary

Size
size

Input
Choice
Required
No
Choices
Small (sm); Medium (md); Large (lg)
Field default
Not declared
Starter value
Medium

Alignment
align

Input
Choice
Required
No
Choices
Left (left); Center (center); Right (right)
Field default
Not declared
Starter value
Left

Element styling
pxStyle

Input
Appearance settings
Required
No
Choices
No fixed list
Field default
Not declared
Starter value
Not set

A selected icon with presentation controls.

Also carries: Element classes. See shared fields.

Field Input Required Choices Field default Starter value
Icon
name
Choice Yes activity (activity); arrow-right (arrow-right); award (award); book-open (book-open); briefcase (briefcase); building (building); calendar (calendar); chart-column (chart-column); check (check); circle-check (circle-check); circle-question-mark (circle-question-mark); clock (clock); cloud (cloud); code (code); credit-card (credit-card); database (database); download (download); file-text (file-text); gift (gift); globe (globe); grid-3x3 (grid-3x3); headphones (headphones); heart (heart); house (house); image (image); layers (layers); leaf (leaf); lightbulb (lightbulb); lock (lock); mail (mail); map-pin (map-pin); megaphone (megaphone); message-circle (message-circle); minus (minus); move (move); package (package); phone (phone); play (play); quote (quote); rocket (rocket); search (search); settings (settings); shield (shield); shopping-cart (shopping-cart); sparkles (sparkles); star (star); tag (tag); target (target); thumbs-up (thumbs-up); trending-up (trending-up); truck (truck); type (type); user (user); users (users); wrench (wrench); zap (zap) Not declared sparkles
Size
size
Choice No Small (sm); Medium (md); Large (lg); Extra large (xl) Not declared Large
Tone
tone
Choice No Accent (accent); Body ink (text); Muted (muted) Not declared Accent
Alignment
align
Choice No Left (left); Center (center); Right (right) Not declared Left
Element styling
pxStyle
Appearance settings No No fixed list Not declared Not set

Icon
name

Input
Choice
Required
Yes
Choices
activity (activity); arrow-right (arrow-right); award (award); book-open (book-open); briefcase (briefcase); building (building); calendar (calendar); chart-column (chart-column); check (check); circle-check (circle-check); circle-question-mark (circle-question-mark); clock (clock); cloud (cloud); code (code); credit-card (credit-card); database (database); download (download); file-text (file-text); gift (gift); globe (globe); grid-3x3 (grid-3x3); headphones (headphones); heart (heart); house (house); image (image); layers (layers); leaf (leaf); lightbulb (lightbulb); lock (lock); mail (mail); map-pin (map-pin); megaphone (megaphone); message-circle (message-circle); minus (minus); move (move); package (package); phone (phone); play (play); quote (quote); rocket (rocket); search (search); settings (settings); shield (shield); shopping-cart (shopping-cart); sparkles (sparkles); star (star); tag (tag); target (target); thumbs-up (thumbs-up); trending-up (trending-up); truck (truck); type (type); user (user); users (users); wrench (wrench); zap (zap)
Field default
Not declared
Starter value
sparkles

Size
size

Input
Choice
Required
No
Choices
Small (sm); Medium (md); Large (lg); Extra large (xl)
Field default
Not declared
Starter value
Large

Tone
tone

Input
Choice
Required
No
Choices
Accent (accent); Body ink (text); Muted (muted)
Field default
Not declared
Starter value
Accent

Alignment
align

Input
Choice
Required
No
Choices
Left (left); Center (center); Right (right)
Field default
Not declared
Starter value
Left

Element styling
pxStyle

Input
Appearance settings
Required
No
Choices
No fixed list
Field default
Not declared
Starter value
Not set

A list of items with icons.

Also carries: Element classes. See shared fields.

Field Input Required Choices Field default Starter value
Items
items
List of entries No No fixed list Not declared 3 starter entries
Icon
items[].icon
Choice No activity (activity); arrow-right (arrow-right); award (award); book-open (book-open); briefcase (briefcase); building (building); calendar (calendar); chart-column (chart-column); check (check); circle-check (circle-check); circle-question-mark (circle-question-mark); clock (clock); cloud (cloud); code (code); credit-card (credit-card); database (database); download (download); file-text (file-text); gift (gift); globe (globe); grid-3x3 (grid-3x3); headphones (headphones); heart (heart); house (house); image (image); layers (layers); leaf (leaf); lightbulb (lightbulb); lock (lock); mail (mail); map-pin (map-pin); megaphone (megaphone); message-circle (message-circle); minus (minus); move (move); package (package); phone (phone); play (play); quote (quote); rocket (rocket); search (search); settings (settings); shield (shield); shopping-cart (shopping-cart); sparkles (sparkles); star (star); tag (tag); target (target); thumbs-up (thumbs-up); trending-up (trending-up); truck (truck); type (type); user (user); users (users); wrench (wrench); zap (zap) Not declared circle-check
Text
items[].text
Formatted text Yes No fixed list Not declared Starter text
Icon tone
tone
Choice No Accent (accent); Body ink (text); Muted (muted) Not declared Accent
Element styling
pxStyle
Appearance settings No No fixed list Not declared Not set

Items
items

Input
List of entries
Required
No
Choices
No fixed list
Field default
Not declared
Starter value
3 starter entries

Icon
items[].icon

Input
Choice
Required
No
Choices
activity (activity); arrow-right (arrow-right); award (award); book-open (book-open); briefcase (briefcase); building (building); calendar (calendar); chart-column (chart-column); check (check); circle-check (circle-check); circle-question-mark (circle-question-mark); clock (clock); cloud (cloud); code (code); credit-card (credit-card); database (database); download (download); file-text (file-text); gift (gift); globe (globe); grid-3x3 (grid-3x3); headphones (headphones); heart (heart); house (house); image (image); layers (layers); leaf (leaf); lightbulb (lightbulb); lock (lock); mail (mail); map-pin (map-pin); megaphone (megaphone); message-circle (message-circle); minus (minus); move (move); package (package); phone (phone); play (play); quote (quote); rocket (rocket); search (search); settings (settings); shield (shield); shopping-cart (shopping-cart); sparkles (sparkles); star (star); tag (tag); target (target); thumbs-up (thumbs-up); trending-up (trending-up); truck (truck); type (type); user (user); users (users); wrench (wrench); zap (zap)
Field default
Not declared
Starter value
circle-check

Text
items[].text

Input
Formatted text
Required
Yes
Choices
No fixed list
Field default
Not declared
Starter value
Starter text

Icon tone
tone

Input
Choice
Required
No
Choices
Accent (accent); Body ink (text); Muted (muted)
Field default
Not declared
Starter value
Accent

Element styling
pxStyle

Input
Appearance settings
Required
No
Choices
No fixed list
Field default
Not declared
Starter value
Not set

An icon with a heading and supporting words.

Also carries: Element classes. See shared fields.

Field Input Required Choices Field default Starter value
Icon
icon
Choice Yes activity (activity); arrow-right (arrow-right); award (award); book-open (book-open); briefcase (briefcase); building (building); calendar (calendar); chart-column (chart-column); check (check); circle-check (circle-check); circle-question-mark (circle-question-mark); clock (clock); cloud (cloud); code (code); credit-card (credit-card); database (database); download (download); file-text (file-text); gift (gift); globe (globe); grid-3x3 (grid-3x3); headphones (headphones); heart (heart); house (house); image (image); layers (layers); leaf (leaf); lightbulb (lightbulb); lock (lock); mail (mail); map-pin (map-pin); megaphone (megaphone); message-circle (message-circle); minus (minus); move (move); package (package); phone (phone); play (play); quote (quote); rocket (rocket); search (search); settings (settings); shield (shield); shopping-cart (shopping-cart); sparkles (sparkles); star (star); tag (tag); target (target); thumbs-up (thumbs-up); trending-up (trending-up); truck (truck); type (type); user (user); users (users); wrench (wrench); zap (zap) Not declared zap
Title
title
Formatted text Yes No fixed list Not declared Starter text
Description
description
Formatted text No No fixed list Not declared Starter text
Link label
linkLabel
Formatted text No No fixed list Not declared Not set
Link
linkUrl
Link No No fixed list Not declared Not set
Layout
layout
Choice No Icon above (stacked); Icon beside (inline) Not declared Icon above
Alignment
align
Choice No Left (left); Center (center); Right (right) Not declared Left
Element styling
pxStyle
Appearance settings No No fixed list Not declared Not set

Icon
icon

Input
Choice
Required
Yes
Choices
activity (activity); arrow-right (arrow-right); award (award); book-open (book-open); briefcase (briefcase); building (building); calendar (calendar); chart-column (chart-column); check (check); circle-check (circle-check); circle-question-mark (circle-question-mark); clock (clock); cloud (cloud); code (code); credit-card (credit-card); database (database); download (download); file-text (file-text); gift (gift); globe (globe); grid-3x3 (grid-3x3); headphones (headphones); heart (heart); house (house); image (image); layers (layers); leaf (leaf); lightbulb (lightbulb); lock (lock); mail (mail); map-pin (map-pin); megaphone (megaphone); message-circle (message-circle); minus (minus); move (move); package (package); phone (phone); play (play); quote (quote); rocket (rocket); search (search); settings (settings); shield (shield); shopping-cart (shopping-cart); sparkles (sparkles); star (star); tag (tag); target (target); thumbs-up (thumbs-up); trending-up (trending-up); truck (truck); type (type); user (user); users (users); wrench (wrench); zap (zap)
Field default
Not declared
Starter value
zap

Title
title

Input
Formatted text
Required
Yes
Choices
No fixed list
Field default
Not declared
Starter value
Starter text

Description
description

Input
Formatted text
Required
No
Choices
No fixed list
Field default
Not declared
Starter value
Starter text

Link label
linkLabel

Input
Formatted text
Required
No
Choices
No fixed list
Field default
Not declared
Starter value
Not set

Link
linkUrl

Input
Link
Required
No
Choices
No fixed list
Field default
Not declared
Starter value
Not set

Layout
layout

Input
Choice
Required
No
Choices
Icon above (stacked); Icon beside (inline)
Field default
Not declared
Starter value
Icon above

Alignment
align

Input
Choice
Required
No
Choices
Left (left); Center (center); Right (right)
Field default
Not declared
Starter value
Left

Element styling
pxStyle

Input
Appearance settings
Required
No
Choices
No fixed list
Field default
Not declared
Starter value
Not set

A picture with a heading and supporting words.

Also carries: Element classes. See shared fields.

Field Input Required Choices Field default Starter value
Image
imageUrl
Picture Yes No fixed list Not declared Starter picture
Alt text
alt
Text No No fixed list Not declared Empty
Picture fit
imageFit
Choice No Show the whole picture (whole); Fill the frame (fill) Show the whole picture Not set
Title
title
Formatted text Yes No fixed list Not declared Starter text
Description
description
Formatted text No No fixed list Not declared Starter text
Link label
linkLabel
Formatted text No No fixed list Not declared Not set
Link
linkUrl
Link No No fixed list Not declared Not set
Alignment
align
Choice No Left (left); Center (center); Right (right) Not declared Left
Element styling
pxStyle
Appearance settings No No fixed list Not declared Not set

Image
imageUrl

Input
Picture
Required
Yes
Choices
No fixed list
Field default
Not declared
Starter value
Starter picture

Alt text
alt

Input
Text
Required
No
Choices
No fixed list
Field default
Not declared
Starter value
Empty

Picture fit
imageFit

Input
Choice
Required
No
Choices
Show the whole picture (whole); Fill the frame (fill)
Field default
Show the whole picture
Starter value
Not set

Title
title

Input
Formatted text
Required
Yes
Choices
No fixed list
Field default
Not declared
Starter value
Starter text

Description
description

Input
Formatted text
Required
No
Choices
No fixed list
Field default
Not declared
Starter value
Starter text

Link label
linkLabel

Input
Formatted text
Required
No
Choices
No fixed list
Field default
Not declared
Starter value
Not set

Link
linkUrl

Input
Link
Required
No
Choices
No fixed list
Field default
Not declared
Starter value
Not set

Alignment
align

Input
Choice
Required
No
Choices
Left (left); Center (center); Right (right)
Field default
Not declared
Starter value
Left

Element styling
pxStyle

Input
Appearance settings
Required
No
Choices
No fixed list
Field default
Not declared
Starter value
Not set

A video from a supported provider, identified by its provider and video reference. This element does not protect the outside video with the site’s paywall. For a protected file hosted here, use the Video section.

Also carries: Element classes. See shared fields.

Field Input Required Choices Field default Starter value
Provider
provider
Choice Yes YouTube (youtube); Vimeo (vimeo) Not declared YouTube
Video ID
videoId
Text Yes No fixed list Not declared aqz-KE-bpKQ (a sample YouTube video; replace it)
Name
title
Text No No fixed list Not declared Starter text
Poster image
posterUrl
Picture No No fixed list Not declared Not set
Caption
caption
Formatted text No No fixed list Not declared Empty
Transcript
transcript
Rich text No No fixed list Not declared Not set
Element styling
pxStyle
Appearance settings No No fixed list Not declared Not set

Provider
provider

Input
Choice
Required
Yes
Choices
YouTube (youtube); Vimeo (vimeo)
Field default
Not declared
Starter value
YouTube

Video ID
videoId

Input
Text
Required
Yes
Choices
No fixed list
Field default
Not declared
Starter value
aqz-KE-bpKQ (a sample YouTube video; replace it)

Name
title

Input
Text
Required
No
Choices
No fixed list
Field default
Not declared
Starter value
Starter text

Poster image
posterUrl

Input
Picture
Required
No
Choices
No fixed list
Field default
Not declared
Starter value
Not set

Caption
caption

Input
Formatted text
Required
No
Choices
No fixed list
Field default
Not declared
Starter value
Empty

Transcript
transcript

Input
Rich text
Required
No
Choices
No fixed list
Field default
Not declared
Starter value
Not set

Element styling
pxStyle

Input
Appearance settings
Required
No
Choices
No fixed list
Field default
Not declared
Starter value
Not set

Video ID uses 1 to 64 letters, digits, underscores or hyphens.

An embed from one of the providers offered by the element editor.

Also carries: Element classes. See shared fields.

Field Input Required Choices Field default Starter value
Provider
provider
Choice Yes Google Maps (google-maps); Spotify track (spotify-track); Spotify episode (spotify-episode); Spotify playlist (spotify-playlist); Spotify show (spotify-show); X post (x-post); TikTok video (tiktok); Google Calendar (google-calendar); Instagram post (instagram-post); Calendly (calendly) Not declared Google Maps
Embed ID
embedId
Text Yes No fixed list Not declared A sample Google Maps place (replace it)
Name
title
Text No No fixed list Not declared Starter text
Caption
caption
Formatted text No No fixed list Not declared Empty
Shape
ratio
Choice No Fits this provider (auto); Wide (16:9) (wide); Classic (4:3) (classic); Custom height (custom) Not declared Fits this provider
Height
heightPx
Number No No fixed list Not declared Not set
Element styling
pxStyle
Appearance settings No No fixed list Not declared Not set

Provider
provider

Input
Choice
Required
Yes
Choices
Google Maps (google-maps); Spotify track (spotify-track); Spotify episode (spotify-episode); Spotify playlist (spotify-playlist); Spotify show (spotify-show); X post (x-post); TikTok video (tiktok); Google Calendar (google-calendar); Instagram post (instagram-post); Calendly (calendly)
Field default
Not declared
Starter value
Google Maps

Embed ID
embedId

Input
Text
Required
Yes
Choices
No fixed list
Field default
Not declared
Starter value
A sample Google Maps place (replace it)

Name
title

Input
Text
Required
No
Choices
No fixed list
Field default
Not declared
Starter value
Starter text

Caption
caption

Input
Formatted text
Required
No
Choices
No fixed list
Field default
Not declared
Starter value
Empty

Shape
ratio

Input
Choice
Required
No
Choices
Fits this provider (auto); Wide (16:9) (wide); Classic (4:3) (classic); Custom height (custom)
Field default
Not declared
Starter value
Fits this provider

Height
heightPx

Input
Number
Required
No
Choices
No fixed list
Field default
Not declared
Starter value
Not set

Element styling
pxStyle

Input
Appearance settings
Required
No
Choices
No fixed list
Field default
Not declared
Starter value
Not set

Height accepts a whole number of pixels from 80 to 2000.

Height appears only when Shape is Custom height.

A visual divider.

Also carries: Element classes. See shared fields.

Field Input Required Choices Field default Starter value
Style
style
Choice No Solid (solid); Dashed (dashed); Dotted (dotted) Not declared Solid
Width
width
Choice No Full width (full); Half (half); Short (short) Not declared Full width
Alignment
align
Choice No Left (left); Center (center); Right (right) Not declared Left
Element styling
pxStyle
Appearance settings No No fixed list Not declared Not set

Style
style

Input
Choice
Required
No
Choices
Solid (solid); Dashed (dashed); Dotted (dotted)
Field default
Not declared
Starter value
Solid

Width
width

Input
Choice
Required
No
Choices
Full width (full); Half (half); Short (short)
Field default
Not declared
Starter value
Full width

Alignment
align

Input
Choice
Required
No
Choices
Left (left); Center (center); Right (right)
Field default
Not declared
Starter value
Left

Element styling
pxStyle

Input
Appearance settings
Required
No
Choices
No fixed list
Field default
Not declared
Starter value
Not set

Space between other elements.

Also carries: Element classes. See shared fields.

Field Input Required Choices Field default Starter value
Height
size
Choice No Extra small (2); Small (3); Medium (5); Large (6); Extra large (7); Huge (8) Not declared Medium
Element styling
pxStyle
Appearance settings No No fixed list Not declared Not set

Height
size

Input
Choice
Required
No
Choices
Extra small (2); Small (3); Medium (5); Large (6); Extra large (7); Huge (8)
Field default
Not declared
Starter value
Medium

Element styling
pxStyle

Input
Appearance settings
Required
No
Choices
No fixed list
Field default
Not declared
Starter value
Not set

Browse section families

Return to the Composer, select the section and review its editable fields. Apply your draft change and inspect the page preview before publishing.