#InputNumber

A numeric input with stepper controls for precise value entry.

#When to Use

• For quantity inputs or numeric settings
• When users need increment/decrement controls
• For precise numeric values with min/max constraints

#Import

import { InputNumber } from "orizon";

#Examples

#Basic

<InputNumber defaultValue={3} min={1} max={10} onChange={(value) => console.log(value)} />

#Sizes

<InputNumber size="large" defaultValue={10} />
<InputNumber defaultValue={10} />
<InputNumber size="small" defaultValue={10} />

#With Step

<InputNumber defaultValue={0} step={0.1} min={0} max={1} />

#Disabled

<InputNumber disabled defaultValue={5} />

#API

#InputNumberProps

• value — number — Current value (controlled)
• defaultValue — number — Default value
• onChange — (value: number | null) => void — Change handler
• min — number — Minimum value
• max — number — Maximum value
• step — number — Increment step (default: 1)
• precision — number — Decimal precision
• controls — boolean — Show +/- buttons (default: true)
• disabled — boolean — Disable the input
• size — "small" | "middle" | "large" — Size
• status — "error" | "warning" — Validation status
• parser — (displayValue: string) => number — Parse display value
• formatter — (value: number) => string — Format display value
• keyboard — boolean — Enable keyboard arrows (default: true)
• placeholder — string — Placeholder text