عدد
number-fieldکامپوننتورودی عدد با دکمههای افزایش و کاهش، اعداد فارسی و حداقل و حداکثر.
نصب
با CLI
اگر هنوز init نکردید، اول از راهنمای نصب پروژه را آماده کنید. بعد این دستور کامپوننت و وابستگیهاش را مینویسه.
$ npx vibefarsi add number-fieldنصب دستی
محتوای تب «کد» را در
components/ui/number-field.tsxبگذارید.$ npm i lucide-reactکپی کل فایلregistry json
استفاده
usage.tsx
1import { NumberField } from "@/components/ui/number-field"23<NumberField defaultValue={1} min={1} max={9} aria-label="تعداد" />پراپها
| پراپ | نوع | پیشفرض | توضیح |
|---|---|---|---|
| min / max / step | number | - | محدوده و گام. |
| value / onChange | number | - | حالت کنترلشده. |