Fieldset
İlişkili form kontrolleri için açıklama ve hata destekli semantik alan grubu.
Fieldset.tsx
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/fieldset.jsonKullanım Örneği
import { Fieldset } from "@/components/ui"
<Fieldset legend="Bildirim kanalları" description="En az bir kanal seçin." orientation="horizontal">
<label><input type="checkbox" /> E-posta</label>
<label><input type="checkbox" /> SMS</label>
</Fieldset>Özellikler & Parametreler (API)
| Prop | Tür | Varsayılan | Açıklama |
|---|---|---|---|
| legend | ReactNode | — | Alan grubunun semantik başlığı. |
| description | ReactNode | — | Gruba bağlanan yardımcı açıklama. |
| error | ReactNode | — | Canlı hata bildirimi. |
| orientation | "vertical" | "horizontal" | "vertical" | İç kontrollerin yerleşimi. |
| disabled | boolean | false | Tüm alan grubunu devre dışı bırakır. |