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.

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

      ​
      Reference

      SectionSidebar