InputNumber

A verification code input component with individual digit cells, supporting auto-focus navigation, paste, and error states.

Installation

npx chilli@latest add number-input

Default

States

Default

Filled

3
3
3
3

Error

3
3
3
3

Disabled

Length

4 digits

6 digits (default)

API Reference

NumberInput

PropTypeDefaultDescription
valuestring""The current value as a string of digits.
onChange(value: string) => voidCallback when the value changes.
lengthnumber4Number of digit cells to display.
errorbooleanfalseWhether to show the error state.
disabledbooleanfalseWhether the input is disabled.