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