Layout
Section
A container component that divides the layout into sections, with an optional title.
Fields
| Name | Type | Description | Options |
|---|---|---|---|
| Title | Text | Leave blank to hide. | |
| Accent | Color | ||
| Primary text | Color | ||
| Secondary text | Color | ||
| Container background | Color | ||
| Container shadow | Shadow | ||
| Separator | Color | ||
| Button | Color | ||
| Button text | Color | ||
| Button shadow | Shadow | ||
| Padding | Padding | ||
| Content alignment (H) | Align (H) | ||
| 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.Section(content={
"title": "", # str
"accentColor": "", # str
"primaryTextColor": "", # str
"secondaryTextColor": "", # str
"containerBackgroundColor": "", # str
"containerShadow": "", # str
"separatorColor": "", # str
"buttonColor": "", # str
"buttonTextColor": "", # str
"buttonShadow": "", # str
"contentPadding": "", # str
"contentHAlign": "", # str
"cssClasses": "", # str
}
)