Skip to content

Step

A container component that displays its child components as a step inside a Step Container.

Fields

NameTypeDescriptionOptions
NameText
PaddingPadding
CompletedTextUse a state reference to dynamically mark this step as complete.
  • Yes
  • No
Content alignment (H)Align (H)
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.Step(content={
        "name": "", # str 
        "contentPadding": "", # str 
        "isCompleted": "no", # str [yes, no]
        "contentHAlign": "", # str 
        "cssClasses": "", # str 
    }
)

Reference