Input
Slider Input
Input
Slider Input
A user input component that allows users to select numeric values using a slider with optional constraints like min, max, and step.
Fields
| Name | Type | Description | Options |
|---|---|---|---|
| Label | Text | ||
| Minimum value | Number | ||
| Maximum value | Number | ||
| Step size | Number | ||
| Accent | Color | ||
| Custom CSS classes | Text | CSS 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.SliderInput(content={
"label": "", # str
"minValue": 0.0, # Union[float, str]
"maxValue": 0.0, # Union[float, str]
"stepSize": 0.0, # Union[float, str]
"accentColor": "", # str
"cssClasses": "", # str
},
handlers={
"wf-number-change": 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