Skip to content

Separator

The Separator component creates visual dividers using horizontal or vertical lines to enhance report organization and readability.

Configuration

Configure the component with these options:

Option Description
Orientation Choose horizontal or vertical line direction
Styling Apply custom colors, thickness, and line styles

Standard styling options (color, border width, margins) are available through the properties panel.

Use Cases

  • Section division - separate major report sections with horizontal lines
  • Column separation - use vertical separators between components in Flow layouts
  • Visual breaks - create clear distinctions between different content areas
  • Layout organization - improve report structure with strategic spacing

Tips

  • Use within Flow components to create spacing between multiple elements
  • Apply styling directly through component configuration for custom appearance
  • Choose orientation based on your layout needs (horizontal for sections, vertical for columns)
  • Keep styling simple for effective visual separation