Layout
Sidebar
A container component that organises its children in a sidebar. Its parent must be a Page component.
Fields
Name | Type | Description | Options |
---|---|---|---|
Start collapsed | Text |
| |
Background | Color | ||
Accent | Color | ||
Primary text | Color | ||
Secondary text | Color | ||
Container background | Color | ||
Container shadow | Shadow | ||
Separator | Color | ||
Button | Color | ||
Button text | Color | ||
Button shadow | Shadow | ||
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.Sidebar(content={
"startCollapsed": "no", # str [yes, no]
"sidebarBackgroundColor": "", # str
"accentColor": "", # str
"primaryTextColor": "", # str
"secondaryTextColor": "", # str
"containerBackgroundColor": "", # str
"containerShadow": "", # str
"separatorColor": "", # str
"buttonColor": "", # str
"buttonTextColor": "", # str
"buttonShadow": "", # str
"cssClasses": "", # str
}
)