SuggestionChips
ჰორიზონტალური სწრაფი პასუხები სასტუმროს გავრცელებული კითხვებისთვის.
მაგალითი
import { SuggestionChips } from "@llc-conciergia/ui/suggestion-chips";
<SuggestionChips
suggestions={[{ id: "breakfast", label: "საუზმის დრო" },
{ id: "transfer", label: "აეროპორტის ტრანსფერი" }]}
onSelect={(suggestion) => setValue(suggestion.label)}
/>ინსტალაცია
pnpm add @llc-conciergia/uiimport { SuggestionChips } from "@llc-conciergia/ui/suggestion-chips";npx @llc-conciergia/cli add suggestion-chipsnpx shadcn@latest add https://ui.conciergia.co/r/suggestion-chips.jsonშენიშვნები
Tab გადადის პასუხებს შორის, Enter და Space ირჩევს პასუხს. გათიშული ვარიანტები გამოტოვებულია. სია პატარა ეკრანზე ჰორიზონტალურად ისქროლება.
Props
| Prop | ტიპი | ნაგულისხმევი | აღწერა |
|---|---|---|---|
| suggestions | readonly ChatSuggestion[] | — | id, label და არასავალდებულო disabled. |
| onSelect | (suggestion: ChatSuggestion) => void | — | აპი წყვეტს: შეავსოს ველი თუ გაგზავნოს პასუხი. |
| disabled | boolean | — | ყველა პასუხის გათიშვა. |
| aria-label | string | — | ჯგუფის ხელმისაწვდომი სახელი. |