50:I[707087,["/_next/static/immutable/chunks/2985g-hklwiee.js","/_next/static/immutable/chunks/0qkc3dps_9x_i.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3thksmxn95rly.js","/_next/static/immutable/chunks/15bpbjna9-vr3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/0agonoz1szsjm.js","/_next/static/immutable/chunks/1ynd3dcge2kn1.js","/_next/static/immutable/chunks/0krdn-21gkgjt.js","/_next/static/immutable/chunks/0n9w9riw96l80.js","/_next/static/immutable/chunks/0w75qangey2ys.js","/_next/static/immutable/chunks/1tge7vcvsb70s.js","/_next/static/immutable/chunks/35ju_ac0ysz07.js"],"RegistryDependencies"] 51:I[512940,["/_next/static/immutable/chunks/2985g-hklwiee.js","/_next/static/immutable/chunks/0qkc3dps_9x_i.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3thksmxn95rly.js","/_next/static/immutable/chunks/15bpbjna9-vr3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/0agonoz1szsjm.js","/_next/static/immutable/chunks/1ynd3dcge2kn1.js","/_next/static/immutable/chunks/0krdn-21gkgjt.js","/_next/static/immutable/chunks/0n9w9riw96l80.js","/_next/static/immutable/chunks/0w75qangey2ys.js","/_next/static/immutable/chunks/1tge7vcvsb70s.js","/_next/static/immutable/chunks/35ju_ac0ysz07.js"],"Installation"] 52:I[314491,["/_next/static/immutable/chunks/2985g-hklwiee.js","/_next/static/immutable/chunks/0qkc3dps_9x_i.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3thksmxn95rly.js","/_next/static/immutable/chunks/15bpbjna9-vr3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/0agonoz1szsjm.js","/_next/static/immutable/chunks/1ynd3dcge2kn1.js","/_next/static/immutable/chunks/0krdn-21gkgjt.js","/_next/static/immutable/chunks/0n9w9riw96l80.js","/_next/static/immutable/chunks/0w75qangey2ys.js","/_next/static/immutable/chunks/1tge7vcvsb70s.js","/_next/static/immutable/chunks/35ju_ac0ysz07.js"],"FilesView"] 53:Tfc8,import * as React from "react"; export const BagIcon = (props: React.SVGProps) => { return ( ); }; export const JewelryIcon = (props: React.SVGProps) => { return ( ); }; export const SunglassesIcon = (props: React.SVGProps) => { return ( ); }; export const HatIcon = (props: React.SVGProps) => { return ( ); }; export const BeltIcon = (props: React.SVGProps) => { return ( ); }; export const OtherIcon = (props: React.SVGProps) => { return ( ); }; 54:T1546,"use client"; import * as React from "react"; import Link from "next/link"; import { HeartIcon, MenuIcon, SearchIcon, ShoppingBag } from "lucide-react"; import { NavigationMenu, NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, navigationMenuTriggerStyle } from "@/components/ui/navigation-menu"; import { Button } from "@/components/ui/button"; import { Sheet, SheetContent } from "@/components/ui/sheet"; import { Separator } from "@/components/ui/separator"; import { Badge } from "@/components/ui/badge"; import { BagIcon, BeltIcon, HatIcon, JewelryIcon, OtherIcon, SunglassesIcon } from "./icons"; type ListItemType = { title: string; href?: string; description?: string; icon?: React.ComponentType>; }; const accessoriesMenuItems: ListItemType[] = [ { title: "Bags", href: "#", icon: BagIcon }, { title: "Jewelry", href: "#", icon: JewelryIcon }, { title: "Sunglasses", href: "#", icon: SunglassesIcon }, { title: "Hats & Beanies", href: "#", icon: HatIcon }, { title: "Belts", href: "#", icon: BeltIcon }, { title: "All Accessories", href: "#", icon: OtherIcon } ]; const collectionItems = [ { title: "Trends", href: "#", description: "Discover this summer's trendy products." }, { title: "Best Sellers", href: "#", description: "We've collected the best-selling products for you." }, { title: "New Arrivals", href: "#", description: "Discover the most favorited products." } ]; export default function NavigationMenuDemo() { return ( Collections

e.preventDefault()}>

Timeless Classics

Elevate your style with essentials

{item.title}

{item.description}

Accessories

e.preventDefault()}> {item.icon ? ( ) : null} {item.title}

e.preventDefault()}> Women e.preventDefault()}> Men ); } 4c:["$","div",null,{"className":"flex flex-col gap-12","children":[["$","div",null,{"className":"pt-10 flex flex-col gap-4","children":[["$","ul",null,{"className":"flex gap-2 flex-wrap","children":[]}],["$","$L50",null,{"registryDependencies":[]}]]}],["$","$L51",null,{"sourceUrl":"https://shadcnuikit.com/r/navigation-menu-component3.json","proxyUrl":"https://shadcnregistry.com/r/shadcnuikit/navigation-menu-component3","itemId":"@shadcnuikit/navigation-menu-component3"}],["$","section",null,{"className":"flex flex-col gap-4","id":"files","children":[["$","h2",null,{"className":"text-lg md:text-2xl font-bold font-mono","children":"Files"}],["$","$L52",null,{"files":[{"path":"contents/components/navigation-menu/3/icons.tsx","content":"$53","type":"registry:component","target":"components/navigation-menu-component3/icons.tsx"},{"path":"contents/components/navigation-menu/3/index.tsx","content":"$54","type":"registry:component","target":"components/navigation-menu-component3/navigation-menu-component3.tsx"}]}]]}],"$L55"]}]

Navigation Menu

Installation

Files

components

Styles