"use client"; import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu"; import { ChevronDown } from "lucide-react"; import { forwardRef } from "react"; import { cn } from "@/lib/utils"; import { glass } from "@/lib/glass"; export const NavigationMenu = forwardRef< HTMLElement, React.ComponentPropsWithoutRef >(({ className, ...props }, ref) => ( )); NavigationMenu.displayName = NavigationMenuPrimitive.Root.displayName; export const NavigationMenuList = forwardRef< HTMLUListElement, React.ComponentPropsWithoutRef >(({ className, ...props }, ref) => ( )); NavigationMenuList.displayName = NavigationMenuPrimitive.List.displayName; export const NavigationMenuItem = NavigationMenuPrimitive.Item; export const NavigationMenuTrigger = forwardRef< HTMLButtonElement, React.ComponentPropsWithoutRef >(({ className, children, ...props }, ref) => ( {children}{" "} )); NavigationMenuTrigger.displayName = NavigationMenuPrimitive.Trigger.displayName; export const NavigationMenuContent = forwardRef< HTMLDivElement, React.ComponentPropsWithoutRef >(({ className, ...props }, ref) => ( )); NavigationMenuContent.displayName = NavigationMenuPrimitive.Content.displayName; export const NavigationMenuLink = NavigationMenuPrimitive.Link; export const NavigationMenuViewport = forwardRef< HTMLDivElement, React.ComponentPropsWithoutRef >(({ className, ...props }, ref) => (

)); NavigationMenuViewport.displayName = NavigationMenuPrimitive.Viewport.displayName; export const NavigationMenuIndicator = forwardRef< HTMLDivElement, React.ComponentPropsWithoutRef >(({ className, ...props }, ref) => (

)); NavigationMenuIndicator.displayName = NavigationMenuPrimitive.Indicator.displayName;

Navigation Menu

Installation

Usage

API Reference