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 • Subtle (default) • Strong • Primary • Secondary • Tertiary • None

Display

Setting	Description	Options
Visibility	Controls when the block is visible	• All (default) • Mobile only • Desktop only Visible when Show advanced settings is on