Source: https://docs.amadalis.ai/reference/sections/elements/

# Layout elements reference

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](https://docs.amadalis.ai/reference/sections/common-fields/) 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](https://docs.amadalis.ai/reference/sections/common-fields/) for the default rules and the shared groups of fields added to these sections. A chosen preset can start with different values.

## Heading

A heading with a selected level and presentation.

Also carries: Element classes. See [shared fields](https://docs.amadalis.ai/reference/sections/common-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 |

## Rich text

A formatted text element within a layout.

Also carries: Element classes. See [shared fields](https://docs.amadalis.ai/reference/sections/common-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 |

## Image

A picture element with text alternatives and presentation choices.

Also carries: Element classes. See [shared fields](https://docs.amadalis.ai/reference/sections/common-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 |

## Button

An authored button or link.

Also carries: Element classes. See [shared fields](https://docs.amadalis.ai/reference/sections/common-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 |

## Icon

A selected icon with presentation controls.

Also carries: Element classes. See [shared fields](https://docs.amadalis.ai/reference/sections/common-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 list

A list of items with icons.

Also carries: Element classes. See [shared fields](https://docs.amadalis.ai/reference/sections/common-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 |

## Icon box

An icon with a heading and supporting words.

Also carries: Element classes. See [shared fields](https://docs.amadalis.ai/reference/sections/common-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 |

## Image box

A picture with a heading and supporting words.

Also carries: Element classes. See [shared fields](https://docs.amadalis.ai/reference/sections/common-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 |

## Video

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](https://docs.amadalis.ai/reference/sections/media/#video).

Also carries: Element classes. See [shared fields](https://docs.amadalis.ai/reference/sections/common-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 |

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

## Embed

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

Also carries: Element classes. See [shared fields](https://docs.amadalis.ai/reference/sections/common-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 |

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

**Height** appears only when **Shape** is **Custom height**.

## Divider

A visual divider.

Also carries: Element classes. See [shared fields](https://docs.amadalis.ai/reference/sections/common-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 |

## Spacer

Space between other elements.

Also carries: Element classes. See [shared fields](https://docs.amadalis.ai/reference/sections/common-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 |

[Browse section families](https://docs.amadalis.ai/reference/sections/)

## Your next step

Return to [the Composer](https://docs.amadalis.ai/composer/composer/#select-and-edit-a-section), select the section and review its editable fields. Apply your draft change and inspect the page preview before publishing.