## Examples

### Default


import NumberInputDefault from "./NumberInputDefault.tsx?raw"

<LiveExample src={NumberInputDefault} />

### With unit


import NumberInputUnit from "./NumberInputUnit.tsx?raw"

<LiveExample src={NumberInputUnit} />

### With unit and thresholds

To enable a user entered value to snap to the nearest threshold if the entered input is out of bounds, define the blur event handler.


import NumberInputUnitThreshold from "./NumberInputUnitThreshold.tsx?raw"

<LiveExample src={NumberInputUnitThreshold} />

### Disabled


import NumberInputDisabled from "./NumberInputDisabled.tsx?raw"

<LiveExample src={NumberInputDisabled} />

### With status


import NumberInputWithStatus from "./NumberInputWithStatus.tsx?raw"

<LiveExample src={NumberInputWithStatus} />

### Varying sizes


import NumberInputVaryingSizes from "./NumberInputVaryingSizes.tsx?raw"

<LiveExample src={NumberInputVaryingSizes} />

### Custom increment/decrement


import NumberInputCustomStep from "./NumberInputCustomStep.tsx?raw"

<LiveExample src={NumberInputCustomStep} />

### Custom increment/decrement and thresholds


import NumberInputCustomStepAndThreshold from "./NumberInputCustomStepAndThreshold.tsx?raw"

<LiveExample src={NumberInputCustomStepAndThreshold} />