A user input component that allows users to enter numeric values.

Fields

NameTypeDescriptionOptions
LabelText
    PlaceholderText
      Minimum valueNumber
        Max valueNumber
          StepNumber
            Custom CSS classesTextCSS classes, separated by spaces. You can define classes in custom stylesheets.

              Events

              Low code usage

              This component can be declared directly in Python, using backend-driven UI.

              ui.NumberInput(content={
                      "label": "", # str 
                      "placeholder": "", # str 
                      "minValue": 0.0, # Union[float, str] 
                      "maxValue": 0.0, # Union[float, str] 
                      "valueStep": 0.0, # Union[float, str] 
                      "cssClasses": "", # str 
                  },
                  handlers={
                      "wf-number-change": handle_event,
                      "wf-number-change-finish": handle_event,
                  }
              )
              

              A function, in this example handle_event, should be implemented in your code to handle events.

              def handle_event(state, payload, context, ui):
                pass
              

              Reference