Skip to main content

Spacer Block

Add configurable vertical spacing between blocks for layout control.

Layout Block

Preview​

Small Spacer (24px)

Minimal spacing

Spacer: 24px

Medium Spacer (48px)

Default spacing

Spacer: 48px

Large Spacer (96px)

Significant spacing

Spacer: 96px

Properties​

PropertyTypeDefaultDescription
heightnumber48Height in pixels

Usage​

<SpacerBlock content={{ height: 64 }} />

Best Practices​

  • Use consistently - Stick to a few standard sizes (24, 48, 96px)
  • Don't overuse - Block padding often provides enough spacing
  • Consider mobile - Large spacers may feel excessive on small screens