Spacer / Divider Block
Vertical spacing blocks or visual dividers to control layout, add breathing room, and create section breaks.
Usage
The Spacer/Divider block is ideal for:
- Adding space between sections
- Creating visual separators
- Controlling page layout
- Improving visual hierarchy
- Creating breathing room
Supports two types: Spacer (blank space) with four sizes, and Divider (visual line) with optional text and color options.
↑ Small spacer (2rem) above
↑ Medium spacer (4rem) above
↑ Large spacer (6rem) above
↑ Extra large spacer (8rem) above
Divider Examples
Visual dividers with optional text and colors:
Content above divider
Content below divider
Section Break
Divider with text and primary color
Accent Divider
Divider with accent color