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

Fields

NameTypeDescriptionOptions
NameText--
PaddingPadding--
CompletedBooleanUse a state reference to dynamically mark this step as complete.
  1. Yes
  2. 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.

ui.Step(content={
        "name": "", # str 
        "contentPadding": "", # str 
        "isCompleted": "no", # str [yes, no]
        "contentHAlign": "", # str 
        "cssClasses": "", # str 
    }
)

Reference