Popover
კონტექსტური დეტალები: ფოკუსის მართვა, Escape-ით დახურვა და ეკრანის საზღვრებთან პოზიციონირება.
მაგალითი
<Popover>
<PopoverTrigger>დაჯავშნა</PopoverTrigger>
<PopoverContent><PopoverTitle>ჩამოსვლა</PopoverTitle><PopoverDescription>15:00 საათზე</PopoverDescription><PopoverClose>გასაგებია</PopoverClose></PopoverContent>
</Popover>ინსტალაცია
pnpm add @llc-conciergia/uiimport * as Component from "@llc-conciergia/ui/popover";npx @llc-conciergia/cli add popovernpx shadcn@latest add https://ui.conciergia.co/r/popover.jsonProps
| Prop | ტიპი | ნაგულისხმევი | აღწერა |
|---|---|---|---|
| Popover | Base UI Root | — | open/defaultOpen, onOpenChange და modal მართავს გახსნას. |
| PopoverTrigger / PopoverClose | Base UI button | — | render, disabled და ღილაკის სტანდარტული ატრიბუტები. |
| PopoverContent | Base UI Popup | — | Popup-ის ატრიბუტები და container პორტალის სამიზნისთვის. |
| side / align / sideOffset | Positioner props | bottom / start / 8 | ტრიგერთან მდებარეობა და დაშორება პიქსელებში. |
| arrow | boolean | false | აჩვენებს ტრიგერისკენ მიმართულ ისარს. |
| PopoverHeader | div props | — | სათაურისა და აღწერის განლაგება. |
| PopoverTitle / PopoverDescription | Base UI Title / Description | — | პოპოვერის ხელმისაწვდომი სახელი და აღწერა. |