Combobox

FREE

Filtreleyen, 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/combobox

Otomatik 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

ÖzellikTipVarsayılanAçıklama
options(string | { value, label?, description?, icon?, disabled? })[]—Öneriler.
value / onValueChangestring / (value) => void—Alandaki metin.
onSelect(option) => void—Bir öneri seçilince.
strictbooleanfalseYalnız listedekileri kabul et.
creatable / onCreateboolean / (value) => voidfalse"Oluştur" seçeneği.
loadingbooleanfalseYükleniyor göstergesi.
filterbooleantrueYerleşik filtre; sunucu filtreliyorsa kapat.