Combobox
ტექსტით გაფილტრული არჩევანი, კლავიატურის მხარდაჭერითა და მრავალჯერადი არჩევის შესაძლებლობით.
მაგალითი
<Combobox items={["სტანდარტი", "სუიტი"]}>
<ComboboxInput aria-label="ოთახი" />
<ComboboxContent><ComboboxEmpty /><ComboboxList>
{(room) => <ComboboxItem key={room} value={room}>{room}</ComboboxItem>}
</ComboboxList></ComboboxContent>
</Combobox>ინსტალაცია
pnpm add @llc-conciergia/uiimport * as Component from "@llc-conciergia/ui/combobox";npx @llc-conciergia/cli add comboboxnpx shadcn@latest add https://ui.conciergia.co/r/combobox.jsonშენიშვნები
მრავალჯერადი არჩევისთვის ComboboxValue-ის ფუნქციაში შექმენით ComboboxChip და ComboboxChipRemove თითოეული მნიშვნელობისთვის. Input-ს ყოველთვის მიეცით label ან aria-label.Props
| Prop | ტიპი | ნაგულისხმევი | აღწერა |
|---|---|---|---|
| Combobox | Base UI Root<Value, Multiple> | — | items, value/defaultValue, onValueChange, multiple, disabled, open/defaultOpen, onOpenChange, inputValue/onInputValueChange და filter. |
| ComboboxInput | Base UI Input | — | შეყვანის ატრიბუტები, ref და ხელმისაწვდომი სახელი. |
| ComboboxContent | Base UI Popup | — | side=bottom, align=start, sideOffset=4, container და Popup-ის ატრიბუტები. |
| ComboboxList / ComboboxCollection | Base UI List / Collection | — | items-ის გაფილტრული სიის children(item, index) რენდერი. |
| ComboboxItem | Base UI Item | — | value, disabled და ელემენტის შიგთავსი. |
| ComboboxGroup / ComboboxGroupLabel | Base UI Group / GroupLabel | — | ელემენტების ჯგუფი და მისი სათაური. |
| ComboboxEmpty | Base UI Empty | — | ცარიელი შედეგი; children ან ka/en/ru ნაგულისხმევი ტექსტი. |
| ComboboxClear / ComboboxChipRemove | Base UI Clear / ChipRemove | — | არჩევანის გასუფთავება; aria-label-ით შეგიძლიათ კონკრეტული ჩიპი დაასახელოთ. |
| ComboboxChips / ComboboxChip | Base UI Chips / Chip | — | multiple რეჟიმის არჩეული მნიშვნელობები. |
| ComboboxValue | Base UI Value | — | არჩეული მნიშვნელობების children(value) რენდერი. |
| ComboboxTrigger | Base UI Trigger | — | არასავალდებულო გახსნის ღილაკი. |