Back to Components

Form

NumberInput

Numeric text field with ▲▼ Stepper. Composes Input (type=number) and Stepper. Honors min / max / step; native arrow-key support.

Examples

Bounded counter

<NumberInput bind:value={qty} min={0} max={99} />

Fractional step

<NumberInput bind:value={pct} min={0} max={1} step={0.05} />

Props

PropTypeDefaultDescription
valuenumber0Bindable numeric value.
minnumberLower bound (inclusive).
maxnumberUpper bound (inclusive).
stepnumber1Increment per Stepper click / arrow-key press.
size'sm' | 'md''md'Input + Stepper dimension tier.

Install

CLI

npx @a3tai/mittsu add number-input