NumberInput

Numeric input with steppers. onChange reports a number | null (not an event). precision keeps a fixed number of decimals. Also accepts native <input> attributes.


import { NumberInput } from '@gg-software/ui';
 
<NumberInput defaultValue={5} min={0} max={10} />
<NumberInput defaultValue={1.5} step={0.5} precision={1} />
<NumberInput value={qty} onChange={(value) => setQty(value)} />

Props

Prop	Type	Default	Description
`prefix`	`ReactNode`	—	content rendered inside the input, before the text (e.g. an icon)
`children`	`ReactNode`	—	content rendered inside the component
`status`	`"warning" \| "error"`	—	validation state styling
`step`	`string \| number`	`1`	amount added/removed per step or arrow key (default 1)
`size`	`"sm" \| "md" \| "lg"`	—
`max`	`string \| number`	—
`min`	`string \| number`	—
`value`	`number \| null`	—
`defaultValue`	`number`	—
`precision`	`number`	—	fixed number of decimals to keep
`onChange`	`((value: number \| null) => void)`	—

* required · generated from packages/ui/src/input/NumberInput/NumberInput.tsx