Skip to main content
A user input component that allows users to select numeric values range using a range slider with optional constraints like min, max, and step.

Fields

NameTypeDescriptionOptions
LabelText--
Minimum valueNumber--
Maximum valueNumber--
Step sizeNumber--
AccentColor--
Popover colorColor--
Popover backgroundColor--
Custom CSS classesTextCSS classes, separated by spaces. You can define classes in custom stylesheets.-

Events

Capture changes to this control.

def onchange_handler(state, payload):

# Set the state variables "from" & "to" to the new range
state["from"] = payload[0]
state["to"] = payload[1]
I