## 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 enter numeric values.

## Fields

| Name                  | Type   | Description | Options                                                            |
|-----------------------|--------|-------------|--------------------------------------------------------------------|
| Label                 | Text   | -           | -                                                                  |
| Placeholder           | Text   | -           | -                                                                  |
| Minimum value         | Number | -           | -                                                                  |
| Max value             | Number | -           | -                                                                  |
| Step                  | Number | -           | -                                                                  |
| Custom CSS classes     | Text   | CSS classes, separated by spaces. You can define classes in custom stylesheets. | -

## Events

**wf-number-change**  
Capture changes as they happen.

```python

def onchange_handler(state, payload):
    # Set the state variable "new_val" to the new value
    state["new_val"] = payload
```

**wf-number-change-finish**  
Capture changes once this control has lost focus.

```python

def onchange_handler(state, payload):
    # Set the state variable "new_val" to the new value
    state["new_val"] = payload
```