Select

Etiket, grup ve doğrulama durumları destekleyen native seçim alanı.

Select.tsx

Geliştirme Çatısı

Yeni oluşturulacak modülün temel framework altyapısı.

Dağıtım Bölgesi (Region)

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/select.json

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

<Select label="Ortam" options={environments} error={error} />

Prop	Tür	Varsayılan	Açıklama
label	ReactNode	—	Native select etiketi.
options	SelectOption[]	—	Gruplanabilir seçenekler.
helperText	ReactNode	—	Alana bağlanan yardımcı açıklama.
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.