Skip to content

Step Container

A container component for displaying Step components, allowing you to implement a stepped workflow.

Fields

NameTypeDescriptionOptions
AccentColor
Primary textColor
Secondary textColor
Container backgroundColor
Container shadowShadow
SeparatorColor
ButtonColor
Button textColor
Button shadowShadow
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.StepContainer(content={
        "accentColor": "", # str 
        "primaryTextColor": "", # str 
        "secondaryTextColor": "", # str 
        "containerBackgroundColor": "", # str 
        "containerShadow": "", # str 
        "separatorColor": "", # str 
        "buttonColor": "", # str 
        "buttonTextColor": "", # str 
        "buttonShadow": "", # str 
        "cssClasses": "", # str 
    }
)

Reference