Separator

The Separator component is used to visually or semantically divide content — helping organize layouts, group sections, or indicate breaks between interface elements.

There are two variations available:

• Line Separator – a simple horizontal line
• Labeled Separator – a line with optional text centered in the middle

Usage

1. Drag the desired Separator (Line or Labeled) onto the canvas.
2. If using the Labeled Separator, update the text via the Component Properties panel.

This component is perfect for structuring forms, dividing card content, or breaking up long sections with clear visual cues.