Input Number

Display and edit numbers with increment and decrement buttons.

Usage

import { InputNumber } from "@aqqo/aqqo-ui";

<InputNumber />

<InputNumber min={-100} max={100} />

import { InputNumber } from "@aqqo/aqqo-ui";

<InputNumber step={10} min={0} max={100} />

Prop	Type	Default	Description
`className`	`string`	-	Container CSS classes.
`inputClassName`	`string`	-	Input element CSS classes.
`decrementButtonClassName`	`string`	-	Decrement button CSS classes.
`incrementButtonClassName`	`string`	-	Increment button CSS classes.
`min`	`number`	`0`	Minimum value.
`max`	`number`	`100`	Maximum value.
`step`	`number`	`1`	Step increment/decrement.
`value`	`number`	-	Controlled value; omit for uncontrolled.
`onChange`	`(value: number) => void`	-	Called when value changes.
`disabled`	`boolean`	-	Disables input and buttons.
`...props`	`Omit<InputHTMLAttributes, 'value' \| 'onChange' \| 'min' \| 'max' \| 'step' \| 'type' \| 'className'>`	-	Other input attributes (onBlur, onKeyDown, etc.).