Number Field

A number input that allow users to input custom number entries with a keyboard.

Docs API Reference

Component number-field-demo not found in registry.

Installation

Copy and paste the following code into your project:

Usage

import {
  NumberField,
  NumberFieldDecrementTrigger,
  NumberFieldGroup,
  NumberFieldIncrementTrigger,
  NumberFieldInput,
  NumberFieldLabel,
} from "@components/ui/number-field"
<NumberField>
  <NumberFieldLabel />
  <NumberFieldGroup>
    <NumberFieldInput />
    <NumberFieldDecrementTrigger />
    <NumberFieldIncrementTrigger />
  </NumberFieldGroup>
</NumberField>

Examples

With Error

Component number-field-error-demo not found in registry.

Navigation MenuOTP Field