საიტის მენიუ · NavigationMenu
სასტუმროს საიტის მენიუ Base UI-ის ფოკუსით, პორტალითა და ანიმაციით.
მაგალითი
import { NavigationMenu, NavigationMenuList, NavigationMenuItem, NavigationMenuTrigger, NavigationMenuContent, NavigationMenuLink } from "@llc-conciergia/ui/navigation-menu";
export function Example() { return <NavigationMenu aria-label="სასტუმრო"><NavigationMenuList><NavigationMenuItem value="rooms"><NavigationMenuTrigger>ნომრები</NavigationMenuTrigger><NavigationMenuContent><div className="grid grid-cols-2 gap-2"><NavigationMenuLink href="#standard">სტანდარტი</NavigationMenuLink><NavigationMenuLink href="#suite">სუიტი</NavigationMenuLink></div></NavigationMenuContent></NavigationMenuItem><NavigationMenuItem><NavigationMenuLink href="#restaurant">რესტორანი</NavigationMenuLink></NavigationMenuItem></NavigationMenuList></NavigationMenu>; }ინსტალაცია
pnpm add @llc-conciergia/uiimport { NavigationMenu, NavigationMenuList, NavigationMenuItem, NavigationMenuTrigger, NavigationMenuContent, NavigationMenuLink } from "@llc-conciergia/ui/navigation-menu";npx @llc-conciergia/cli add navigation-menunpx shadcn@latest add https://ui.conciergia.co/r/navigation-menu.jsonშენიშვნები
Enter ან ArrowDown ხსნის პანელს; Escape ხურავს. შიგთავსი მოძრაობს activation-direction-ის მიხედვით, reduced motion-ის გათვალისწინებით.Props
| Prop | ტიპი | ნაგულისხმევი | აღწერა |
|---|---|---|---|
| NavigationMenu: value / defaultValue / onValueChange | Base UI Root props | — | გახსნილი ელემენტი; null ხურავს პანელს. |
| NavigationMenu: orientation / delay / closeDelay | Base UI Root props | — | მიმართულება და გახსნის/დახურვის დაყოვნება. |
| NavigationMenuList | Base UI List props | — | Trigger-ებისა და პირდაპირი ბმულების სია. |
| NavigationMenuItem: value | unknown | — | უნიკალური პანელის მნიშვნელობა. |
| NavigationMenuTrigger: disabled | boolean | — | გამორთული პანელი არ იხსნება. |
| NavigationMenuContent | Base UI Content props | — | პანელის შიგთავსი; პორტალი და Viewport ავტომატურად ემატება root-ში. |
| NavigationMenuLink: active / render / href | Base UI Link props | — | მიმდინარე გვერდი და Next Link-ის მხარდაჭერა. |
| navigationMenuTriggerStyle | CVA function | — | ცალკე ბმულს მიანიჭეთ იგივე ღილაკის სტილი. |
| ყველა ნაწილი: className / ref | Base UI props | — | native და Base UI props უცვლელად გადაეცემა. |