EssentialsComponents

Separator

Add padding above, beneath, or between components.

The Separator component lets you add additional vertical spacing between your components. This can be helpful to refine the design of your apps or to add greater emphasis in certain areas.

A Separator with a visible line in an app.
A Separator with a visible line in an app.

Adding a Separator

1

In the Layout Editor, select the tab you want to edit.

2

Click on the plus (+) symbol in the Components panel.

3

Find Layout in the menu and select Separator.

4

Select the desired spacing option: Small, Medium, or Large.

5

Select Draw Line to display a visible line in your separator.