Skip to main content

Separator

Creates space or a visual separation between widgets.

Example of the Separator widget in the Sybot Studio demo view

Recommended configuration

  1. Position the separator at the desired point.
  2. Adjust its width and height in cells.
  3. Configure colour, border and background if a visible line is required.

Configuration options

AreaOptions
SeparatorDimensions, background and border to create space or a visual line.
IdentityTitle, Subtitle, header visibility, icon type and action button.
PresentationStandard, Compact or Dense variant and message to display when no data is available.
AppearanceBackground, background image, border, radius, padding, shadow and typography for different areas.
PositionCoordinates and dimensions in cells within the page or container grid.

Best practices

  • It can be reduced to a 1×1 cell.
tip

Always verify the widget in Preview, in both light and dark themes, and with an empty data state before publishing the view.