## Documentation Index

Fetch the complete documentation index at: [/llms.txt](https://dev.writer.com/llms.txt)

Use this file to discover all available pages before exploring further.

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

| Name | Type | Description | Options |
| --- | --- | --- | --- |
| Label | Text | - | - |
| Minimum value | Number | - | - |
| Maximum value | Number | - | - |
| Step size | Number | - | - |
| Accent | Color | - | - |
| Popover color | Color | - | - |
| Popover background | Color | - | - |
| Custom CSS classes | Text | CSS classes, separated by spaces. You can define classes in custom stylesheets. | - |

## Events

wf-range-change

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]
```