Documentation Index
Fetch the complete documentation index at: https://docs.flowx.ai/llms.txt
Use this file to discover all available pages before exploring further.
Available starting with FlowX.AI 5.8.0The Separator is a thin horizontal or vertical line used to break a screen into visually distinct regions without adding spacing-only gaps.
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
| Property | Type | Description |
|---|---|---|
| Visibility | Expression | JavaScript expression that hides the Separator when truthy. |
| Theme overrides | Object | Override color, borderWidth, or other theme tokens for this instance only. See the Conditional styling guide for examples. |
Theme configuration
Defaults from the platform theme:| Token | Default | Description |
|---|---|---|
color | color@neutrals#200 | Line color. Override at the theme level for global changes, or per instance via theme overrides. |
Related resources
UI Designer overview
Compose screens in the UI Designer.
Conditional styling
Apply dynamic styles and theme overrides.