Combobox
FREEFiltreleyen, eşleşeni vurgulayan, klavyeyle seçilen, yeni değer oluşturabilen ve async yüklemeli otomatik tamamlama alanı.
Kurulum
Terminal
npx @bloxa/cli add combobox
# or: npx shadcn@latest add @bloxa/comboboxOtomatik kurulan paketler: radix-ui
Örnekler
Öneriler ve oluşturma
Yaz, ok tuşlarıyla gez, Enter ile seç. İkinci alanda listede olmayanı oluşturabilirsin.
Sunucudan arama
API
Her bileşen, oluşturduğu HTML elemanının özelliklerini de kabul eder.
Combobox
| Özellik | Tip | Varsayılan | Açıklama |
|---|---|---|---|
| options | (string | { value, label?, description?, icon?, disabled? })[] | — | Öneriler. |
| value / onValueChange | string / (value) => void | — | Alandaki metin. |
| onSelect | (option) => void | — | Bir öneri seçilince. |
| strict | boolean | false | Yalnız listedekileri kabul et. |
| creatable / onCreate | boolean / (value) => void | false | "Oluştur" seçeneği. |
| loading | boolean | false | Yükleniyor göstergesi. |
| filter | boolean | true | Yerleşik filtre; sunucu filtreliyorsa kapat. |