Layout
Separator
A visual component to create a separation between adjacent elements.
![](https://mintlify.s3-us-west-1.amazonaws.com/writer/framework/public/components/separator.png)
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
Name | Type | Description | Options |
---|---|---|---|
Separator | Color | ||
Custom CSS classes | Text | CSS 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.
ui.Separator(content={
"separatorColor": "", # str
"cssClasses": "", # str
}
)