<Row>

Rows render as a single table row with one cell per column, so they stay side-by-side even in Outlook. A Row may only contain Column components.

<Row>

Container

Rows render as a single table row with one cell per column, so they stay side-by-side even in Outlook. A Row may only contain Column components.

PropTypeDefaultDescription
column-gapnumber8Horizontal gap (px) between columns. Set 0 for flush.
stack-on-mobilebooleantrueBest-effort: let columns wrap on narrow viewports (table emails stay side-by-side in Outlook).
background-colorcolorFill color behind the row.
padding-xnumber24Horizontal inner padding (px).
padding-ynumber8Vertical inner padding (px).
border-widthnumberBorder stroke width (px). 0/absent = no visible border.
border-styleenumsolid | dashed | dottedBorder stroke style.
border-colorcolorBorder stroke color.
border-radiusnumberCorner rounding (px). Independent of width — round a filled card without a stroke.

Common props

Every block accepts these in addition to its own props.

PropTypeDefaultDescription
margin-bottomnumber16Vertical space (px) below the block.
classNamestringTailwind-style utility classes compiled to inline CSS at render (e.g. "mt-4 text-zinc-500 sm:hidden"). Responsive/pseudo variants are hoisted into a <style> block. `class` and `tw` are accepted as aliases in code.
custom-csscssExtra inline CSS declarations merged onto the block's root element (e.g. "letter-spacing: 1px; opacity: 0.9"). Inlined so it survives every client.

Per-side spacing is also supported via padding and margin objects in the visual editor's inspector.