29 lines
612 B
Markdown
29 lines
612 B
Markdown
---
|
|
components:
|
|
- rx.chakra.NumberInput
|
|
- rx.chakra.NumberInputField
|
|
- rx.chakra.NumberInputStepper
|
|
- rx.chakra.NumberIncrementStepper
|
|
- rx.chakra.NumberDecrementStepper
|
|
---
|
|
|
|
```python exec
|
|
import reflex as rx
|
|
```
|
|
|
|
# NumberInput
|
|
|
|
The NumberInput component is similar to the Input component, but it has controls for incrementing or decrementing numeric values.
|
|
|
|
```python demo exec
|
|
class NumberInputState(rx.State):
|
|
number: int
|
|
|
|
|
|
def number_input_example():
|
|
return rx.chakra.number_input(
|
|
value=NumberInputState.number,
|
|
on_change=NumberInputState.set_number,
|
|
)
|
|
```
|