Divider Block
Add visual separation between content sections with lines, dots, or spacing.
The Divider block provides visual separation between content sections. It supports multiple styles and spacing options, allowing you to break up long documents and indicate logical transitions between topics.
When to Use
Block Properties
| Property | Required | Description |
|---|---|---|
| Style | No | Visual appearance of the divider: line, dots, or space. Default: line |
| Spacing | No | Vertical padding around the divider: small, medium, or large. Default: medium |
Style Options
Spacing Options
Example: Line Divider
A classic horizontal rule for clear section breaks.
Example: Dots Divider
A typographic break common in narrative or editorial content.
Example: Space Divider
Invisible separation using whitespace alone.
Style Guidelines
| Style | Best For |
|---|---|
| Line | Clear, formal section breaks in technical documentation |
| Dots | Softer breaks in narrative content or when indicating a scene/topic change |
| Space | Separation without visual clutter |
Spacing Guidelines
| Spacing | Best For |
|---|---|
| Small | Between closely related subsections |
| Medium | Standard choice for most section breaks |
| Large | Major topic transitions or before important sections |
Best Practices
| Practice | Description |
|---|---|
| Use sparingly | Use dividers sparingly to maintain their visual impact |
| Be consistent | Be consistent with divider styles within a document |
| Match spacing | Match spacing to the significance of the content break |
| Consider headings | Consider headings as the primary section separator |
| Complement hierarchy | Use dividers to complement, not replace, heading hierarchy |
| Avoid consecutive | Avoid consecutive dividers |
| Reserve large spacing | Reserve large spacing for major transitions |