Textarea
Karakter sayacı ve monospace modu destekleyen çok satırlı giriş.
Textarea.tsx
47 / 160
Yayınlanan tasarım sisteminin halka açık açıklama metni.
Derleme aşamasında doğrulanacak mimari ayarlar.
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/textarea.jsonKullanım Örneği
import { Textarea } from "@/components/ui/Textarea"
<Textarea label="Açıklama" helperText="Markdown desteklenir" characterCount maxLength={500} />Özellikler & Parametreler (API)
| Prop | Tür | Varsayılan | Açıklama |
|---|---|---|---|
| label | ReactNode | — | Textarea etiketi. |
| helperText | ReactNode | — | aria-describedby ile bağlanan yardımcı metin. |
| error | string | boolean | — | aria-invalid hata durumu ve mesajı. |
| success | boolean | false | Başarı görünümü. |
| size | "sm" | "md" | "lg" | "md" | Alan ölçeği. |
| variant | "default" | "filled" | "flush" | "default" | Alan yüzeyi. |
| monospace | boolean | false | Kod yazı tipi. |
| characterCount | boolean | false | maxLength ile karakter sayacını gösterir. |
| onValueChange | (value: string) => void | — | String değer callback'i. |