Skip to main content
Select a block on the canvas and its settings open in the right panel. This page is the reference for what each one exposes. Padding, border, and color values are pixels or CSS color strings unless a row says otherwise. Add and arrange blocks in .

Heading and text

These are one settings surface. A heading is a text block with a heading level. Both take the same attributes and the same defaults. null on fontSize or lineHeight means inherit, not zero. The block falls back to the document base, then to the tier preset, and the value is not written into Elemental at all. Setting either to 0 or clearing it reads as inherit too, so there is no way to express “no line height”.

Button

disableTracking stops Courier rewriting the button’s URL for click tracking. Turn it on for a link that must reach the destination unmodified, and accept that clicks on it stop being recorded. See . actionStyle names how the action renders, and the four values mean different things per channel. Inbox in particular applies no colours of its own, so the style name is the whole contract there.

Divider and Spacer

One block with a variant switch, which is why they share a table. The defaults differ, and that is the point. A divider draws a visible line. A spacer reserves height and draws nothing. A spacer is a transparent divider with more padding. Setting a spacer’s color makes it a divider in everything but name.

Image

Give every image an alt. An email client that blocks images shows that text instead, which for many readers is the only version of the message they see.

List

loop is the data path the list repeats over, and it is what turns one list item into one per array entry at send time. See .

Column

A Column block holds cells, and each cell has its own settings. The cells carry padding by default and the column does not, so spacing between columns comes from the cells unless you change it.

Blockquote

A blockquote is the one block styled by a left border rather than a full one, so borderLeftWidth replaces borderWidth here.

HTML

Raw HTML for email, when no other block expresses what you need. covers what a provider does with it, and covers bringing a whole document in.

Jsonnet

Generates content programmatically. See .