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

Capture changes as they happen.

def onchange_handler(state, payload):

# Set the state variable "new_val" to the new value

state["new_val"] = payload
Capture changes once this control has lost focus.

def onchange_handler(state, payload):

# Set the state variable "new_val" to the new value

state["new_val"] = payload