Number Field

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

Hmm, I prefer 40.

Installation

npx solidui-cli@latest add number-field

Usage

import {
  NumberField,
  NumberFieldDecrementTrigger,
  NumberFieldGroup,
  NumberFieldIncrementTrigger,
  NumberFieldInput
} from "~/registry/ui/number-field"
 
export default function NumberFieldDemo() {
  return (
    <NumberField class="w-36" defaultValue={40}>
      <NumberFieldGroup>
        <NumberFieldInput />
        <NumberFieldIncrementTrigger />
        <NumberFieldDecrementTrigger />
      </NumberFieldGroup>
    </NumberField>
  )
}