Skip to content

Separator

Draws a horizontal or vertical line to divide content.

Layout components · element type separator

Related: Spacer · Flow

Options

Option Values Default Description
Orientation Horizontal · Vertical Horizontal Direction the line is drawn in

Styling

Option Values Default Description
Color Palette or custom From theme Line colour
Size px · % · rem From theme Thickness of the line, not its length
Padding Any CSS unit, per side None Space between the line and the content around it
Style CSS Empty Custom CSS, through the style editor

Notes

  • Use Separator for a visible rule and Spacer when you only need blank space
  • A vertical separator needs a container with a defined height — place it inside a Flow rather than directly on the page
  • Size controls thickness only; the line always fills the space available to it