Multi Select

Sınır ve toplu temizleme destekleyen aranabilir çoklu seçim.

MultiSelect.tsx

Teknolojiler

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

Kullanım Örneği

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

<MultiSelect options={technologyOptions} value={selected} onValueChange={setSelected} maxSelected={3} />

Özellikler & Parametreler (API)

Prop	Tür	Varsayılan	Açıklama
options	ComboboxOption[]	—	Aranabilir seçenek listesi.
value	string[]	—	Kontrollü seçili değerler.
onValueChange	(value: string[]) => void	—	Seçimler değiştiğinde çağrılır.
maxSelected	number	—	En fazla seçim sayısı.
clearable	boolean	true	Toplu temizleme düğmesini gösterir.
disabled	boolean	false	Bileşeni devre dışı bırakır.