Number Field

Type in numbers for precise entries, like dialing in your favorite radio station, ensuring accuracy in data input.

Basic

A field specifically designed for entering numeric values.

Preview

Code

CLI

Manual

In the terminal, run the following command to begin:

npx hq-kit add number-field

You can use the number field as a controlled component by managing its state externally.

Preview

Code

Width

You have typed: 1280

The field is in an error state, typically due to invalid input.

Preview

Code

The field is disabled and cannot be interacted with.

Preview

Code