<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>
ContainerRows 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.
| Prop | Type | Default | Description |
|---|---|---|---|
column-gap | number | 8 | Horizontal gap (px) between columns. Set 0 for flush. |
stack-on-mobile | boolean | true | Best-effort: let columns wrap on narrow viewports (table emails stay side-by-side in Outlook). |
background-color | color | — | Fill color behind the row. |
padding-x | number | 24 | Horizontal inner padding (px). |
padding-y | number | 8 | Vertical inner padding (px). |
border-width | number | — | Border stroke width (px). 0/absent = no visible border. |
border-style | enumsolid | dashed | dotted | — | Border stroke style. |
border-color | color | — | Border stroke color. |
border-radius | number | — | Corner rounding (px). Independent of width — round a filled card without a stroke. |
Common props
Every block accepts these in addition to its own props.
| Prop | Type | Default | Description |
|---|---|---|---|
margin-bottom | number | 16 | Vertical space (px) below the block. |
className | string | — | Tailwind-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-css | css | — | Extra 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.