## 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 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  | -                                                               | -                                                               |
| Popover color         | Color  | -                                                               | -                                                               |
| Popover background     | Color  | -                                                               | -                                                               |
| Custom CSS classes    | Text   | CSS classes, separated by spaces. You can define classes in custom stylesheets. | -                                                               |

## Events

wf-number-change

Capture changes to this control.

```
def onchange_handler(state, payload):

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

state["new_val"] = payload
```