reflex/docs/library/chakra/forms/numberinput.md

---

components:

- rx.chakra.NumberInput
- rx.chakra.NumberInputField
- rx.chakra.NumberInputStepper
- rx.chakra.NumberIncrementStepper
- rx.chakra.NumberDecrementStepper

---

import reflex as rx

NumberInput

The NumberInput component is similar to the Input component, but it has controls for incrementing or decrementing numeric values.

class NumberInputState(rx.State):
    number: int


def number_input_example():
    return rx.chakra.number_input(
        value=NumberInputState.number,
        on_change=NumberInputState.set_number,
    )