Skip to content

Separator

A visual component to create a separation between adjacent elements.

Separator components are used to separate layout elements. They can be used in most containers, including Column Container to separate columns.

If the container flows horizontally (like a Horizontal Stack or a Column Container) the Separator will be a vertical line. Otherwise, it'll be a horizontal line.

Fields

NameTypeDescriptionOptions
SeparatorColor
Custom CSS classesTextCSS classes, separated by spaces. You can define classes in custom stylesheets.

Low code usage

This component can be declared directly in Python, using backend-driven UI.

python
ui.Separator(content={
        "separatorColor": "", # str 
        "cssClasses": "", # str 
    }
)

Reference