<Section>

Use a Section to band content together — a hero, a card, a footer. It can hold any leaf block and can be nested inside another Section.

Container

Use a Section to band content together — a hero, a card, a footer. It can hold any leaf block and can be nested inside another Section.

Prop	Type	Default	Description
`background-color`	color	—	Fill color behind the section.
`padding-x`	number	24	Horizontal inner padding (px).
`padding-y`	number	24	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.