Skip to main content

Overview

Use a Separator when you need a clear visual boundary between two regions of a screen β€” for example, between a form section and an action bar, between repeated rows in a list, or between groups of related fields. Unlike empty containers or padding, a Separator carries explicit meaning to the reader: β€œthis is one section, this is another.” The Separator is allowed inside any container component (Card, Container, Collection) as well as inside chat layouts and process screens.

Properties

The Separator has no process-data binding β€” it is purely presentational.

Theme configuration

Defaults from the platform theme: To override the default for an entire workspace, edit the Theme β†’ Components β†’ Separator section in the Designer.

UI Designer overview

Compose screens in the UI Designer.

Conditional styling

Apply dynamic styles and theme overrides.
Last modified on May 12, 2026