Skip to main content

Separator Component, Displays Horizontal Rule to Separate Content

The Separator component displays a horizontal rule for separating content.

How it Works

The separator component allows the content author to easily create a horizontal rule as a break between content to better organize information on a page.

The rule created can either be a thin separator, which is 1px high, or a thick separator, which is 5px high.

Separators inherit the theme color of the site.

How to Use

Using the configure tool, the Separator compoment can be added to the page. A thick separator will be added to the page. For a ligher line, the line weight can be controlled using the Styles palette, and toggling on Separator with Smaller Width.

Example Separator


5px tall separator

Example Separator with Smaller Width


1px tall separator

Last Modified on Oct 01, 2025
Back to Top