Divider

A simple horizontal line used to visually separate sections of content. Renders as an <hr> element.

Properties

This widget has no configurable properties.

Example

Place a Divider between two sections of content to create visual separation:

Heading: "About Us"
Text: "Company description..."
--- Divider ---
Heading: "Contact"
Text: "Contact information..."

Tips

• Use the Design tab to customize the divider's appearance: color, thickness (border-width), margin (spacing above and below), and width.
• For a subtle divider, use a light gray color with 1px height.
• Dividers are purely visual -- they carry no semantic meaning beyond separation.