Number Input
Adım kontrolleri ve birimlerle sınırlandırılmış sayısal giriş.
NumberInput.tsx
adet
Kurulum
shadcn CLI ile projenize ekleyebilir veya yukarıdaki "Kaynak Kodu" sekmesinden kodu doğrudan projenize kopyalayabilirsiniz:
$
npx shadcn@latest add https://ui.cagriozay.com.tr/r/number-input.jsonKullanım Örneği
import { NumberInput } from "@/components/ui"
<NumberInput defaultValue={10} min={1} max={100} suffix="adet" />Özellikler & Parametreler (API)
| Prop | Tür | Varsayılan | Açıklama |
|---|---|---|---|
| value | number | — | Kontrollü sayısal değer. |
| onValueChange | (value: number) => void | — | Değer değişikliği callback'i. |
| min | number | — | Minimum değer. |
| max | number | — | Maksimum değer. |
| step | number | 1 | Artış ve azalış miktarı. |