Skip to content
Divider
Overview
A simple horizontal divider component that provides visual separation between content sections. Supports customizable spacing, border colors, and responsive visibility options.
Common use cases
- Use to create clear visual separation between different content areas
- Consider using subtle border color for general content separation
- Use stronger border colors to emphasize major content breaks
- Adjust spacing based on surrounding content density
- Utilize visibility options to create different layouts for mobile/desktop
Block settings
General
| Setting | Description | Options |
|---|---|---|
| Show advanced settings | Reveals visibility settings | Checkbox (default: false) |
Spacing
| Setting | Description | Options |
|---|---|---|
| Top spacing | Spacing above the divider | 0 - 300 px (default: 0) |
| Bottom spacing | Spacing below the divider | 0 - 300 px (default: 0) |
Color
| Setting | Description | Options |
|---|---|---|
| Border color | Controls the color of the divider line | • Body |
Display
| Setting | Description | Options |
|---|---|---|
| Visibility | Controls when the block is visible | • All (default) Visible when Show advanced settings is on |