Form Field

Erişilebilir etiket, açıklama ve doğrulama mesajı bileşimi.

FormField.tsx

Proje adı

Çalışma alanında görünecek isim.

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/form-field.json

import { FormField } from "@/components/ui"

<FormField label="Proje adı" description="Görünen isim">{(props) => <input {...props} />}</FormField>

Prop	Tür	Varsayılan	Açıklama
label	string	—	Alan etiketi.
children	(props: FieldProps) => ReactNode	—	Erişilebilir input proplarını alan render fonksiyonu.
description	string	—	Yardımcı açıklama.
error	string	—	Hata mesajı ve geçersiz durum.
required	boolean	false	Zorunlu alan göstergesi.