📖 Overview

The Separator block provides a simple horizontal rule (<hr>) to visually divide content sections. It’s ideal for creating clear visual breaks between different areas of a page without adding complexity.

✏️ Content Options

This block has no content fields. Simply add the block where you need a visual separator.

⚙️ Settings Options

This block has no configurable settings. All styling is controlled via CSS variables.

🎨 CSS Variables

The following CSS variables can be configured to customise the block’s appearance:

♿ Accessibility

• Uses semantic <hr> element which is recognised by screen readers as a thematic break
• Provides a visual separator that doesn’t interrupt content flow for assistive technologies