DropdownMenu

სასტუმროს მოქმედებების მენიუ: ისრებით ნავიგაცია, ტექსტით ძიება, Escape და ჩადგმული ქვემენიუები.

მაგალითი

@llc-conciergia/ui/dropdown-menu

import {
  DropdownMenu,
  DropdownMenuTrigger,
  DropdownMenuContent,
  DropdownMenuGroup,
  DropdownMenuLabel,
  DropdownMenuItem,
  DropdownMenuSeparator,
} from "@llc-conciergia/ui/dropdown-menu";

<DropdownMenu>
  <DropdownMenuTrigger>ჯავშნის მოქმედებები</DropdownMenuTrigger>
  <DropdownMenuContent>
    <DropdownMenuGroup>
      <DropdownMenuLabel>ჯავშანი #104</DropdownMenuLabel>
      <DropdownMenuItem>გახსნა</DropdownMenuItem>
      <DropdownMenuItem>რედაქტირება</DropdownMenuItem>
    </DropdownMenuGroup>
    <DropdownMenuSeparator />
    <DropdownMenuItem variant="destructive">გაუქმება</DropdownMenuItem>
  </DropdownMenuContent>
</DropdownMenu>;

ინსტალაცია

terminal

pnpm add @llc-conciergia/ui

იმპორტი

import {
  DropdownMenu,
  DropdownMenuTrigger,
  DropdownMenuContent,
  DropdownMenuGroup,
  DropdownMenuLabel,
  DropdownMenuItem,
  DropdownMenuSeparator,
} from "@llc-conciergia/ui/dropdown-menu";

Conciergia CLI

npx @llc-conciergia/cli add dropdown-menu

shadcn CLI

npx shadcn@latest add https://ui.conciergia.co/r/dropdown-menu.json

შენიშვნები

წარწერებს აპლიკაცია აწვდის ka/en/ru ენებზე. ზემოთ/ქვემოთ ისრები გადაადგილდება ელემენტებს შორის, მარჯვენა/მარცხენა ხსნის/ხურავს ქვემენიუს. disabled მოქმედება არ სრულდება.

Props

Prop	ტიპი	ნაგულისხმევი	აღწერა
DropdownMenu: open / defaultOpen / onOpenChange	boolean / (open, details) => void	—	კონტროლირებადი ან საწყისი გახსნა; callback კლიენტის კომპონენტში.
DropdownMenuTrigger	Base UI Trigger props	—	გამხსნელი; render, ref და className მხარდაჭერილია. disabled ბლოკავს გახსნას.
DropdownMenuContent: side / align / sideOffset	Positioner props	—	პოზიცია: bottom / start / 4.
DropdownMenuContent: container	HTMLElement \| RefObject	—	პორტალის კონტეინერი; ნაგულისხმევად document.body.
DropdownMenuContent	Base UI Popup props	—	className, render, ref, finalFocus და children გადაეცემა popup-ს.
DropdownMenuGroup / DropdownMenuLabel	Group / GroupLabel props	—	დასათაურებული ჯგუფი; Label იღებს inset?: boolean-ს.
DropdownMenuItem: variant / inset	"default" \| "destructive" / boolean	—	ჩვეულებრივი ან გამაუქმებელი მოქმედება; inset ტოვებს ადგილს ინდიკატორისთვის.
DropdownMenuItem	Base UI Item props	—	onClick, disabled, closeOnClick, render, ref და className.
DropdownMenuCheckboxItem	Base UI CheckboxItem props	—	checked / defaultChecked / onCheckedChange, disabled, closeOnClick; ჩაშენებული მონიშვნის ინდიკატორი.
DropdownMenuRadioGroup / DropdownMenuRadioItem	Base UI RadioGroup / RadioItem props	—	value / defaultValue / onValueChange ჯგუფზე; value, disabled, closeOnClick ელემენტზე.
DropdownMenuSeparator	Base UI Separator props	—	გამყოფი ხაზი.
DropdownMenuShortcut	span props	—	კლავიშების ტექსტი; თვითონ მალსახმობს არ არეგისტრირებს.
DropdownMenuSub	Base UI SubmenuRoot props	—	ქვემენიუს open / defaultOpen / onOpenChange / closeParentOnEsc.
DropdownMenuSubTrigger	Base UI SubmenuTrigger props & { inset?: boolean }	—	ქვემენიუს გამხსნელი, disabled და მარჯვენა ისარი.
DropdownMenuSubContent	DropdownMenuContentProps	—	ქვემენიუს პოზიცია: right / start / 4.