number-field-demo

PreviousNext
Docs
takiexample

Preview

Loading preview…
registry/new-york/examples/number-field-demo.tsx
import { NumberField } from "@/registry/new-york/ui/number-field"

export default function NumberFieldDemo() {
  return (
    <div className="grid w-full max-w-md gap-4">
      <NumberField
        label="Quantity"
        defaultValue={5}
        minValue={0}
        maxValue={100}
      />
    </div>
  )
}

Installation

npx shadcn@latest add @taki/number-field-demo

Usage

import { NumberFieldDemo } from "@/components/number-field-demo"
<NumberFieldDemo />