Divider Block

Horizontal line to visually separate content sections.

Layout Block

Preview

Solid Divider

Default style

---

Dashed Divider

Dashed line style

---

Dotted Divider

Dotted line style

---

Thick Divider

Heavier weight

---

Properties

Property	Type	Default	Description
style	'solid' | 'dashed' | 'dotted'	'solid'	Line style
color	string	'#D6C7A1'	Line color (CSS color)
thickness	number	1	Line thickness in pixels

Usage

<DividerBlock
  content={{
    style: 'solid',
    color: '#D6C7A1',
    thickness: 1,
  }}
/>

Best Practices

• Use sparingly - Too many dividers create visual clutter
• Match brand colors - Use your sandstone or muted colors
• Consider alternatives - Spacing alone often works better