Combobox

Klavye navigasyonlu aranabilir tekli seçim alanı.

Combobox.tsx

Framework

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

Kullanım Örneği

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

<Combobox
  label="Framework"
  options={[{ value: "next", label: "Next.js" }, { value: "astro", label: "Astro" }]}
  onValueChange={setFramework}
/>

Özellikler & Parametreler (API)

Prop	Tür	Varsayılan	Açıklama
options	ComboboxOption[]	—	Aranabilir seçenek listesi.
value	string	—	Kontrollü seçili değer.
defaultValue	string	""	Kontrolsüz başlangıç değeri.
onValueChange	(value: string) => void	—	Seçim değişikliği callback'i.
label	string	—	Alan başlığı.
disabled	boolean	false	Seçimi devre dışı bırakır.