4d: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"] 4e: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"] 4f: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"] 50:T1008,"use client" import * as React from "react" import Link from "next/link" import { NavigationMenu, NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuPopup, NavigationMenuPositioner, NavigationMenuTrigger, navigationMenuTriggerStyle, } from "@/components/ui/navigation-menu" const components: { title: string; href: string; description: string }[] = [ { title: "Navigation Menu", href: "/docs/components/navigation-menu", description: "A collection of links for navigating websites.", }, { title: "Chat", href: "/docs/components/chat", description: "AI chat interface with streaming responses.", }, { title: "Code Block", href: "/docs/components/code-block", description: "Syntax highlighted code with copy functionality.", }, { title: "Tabs", href: "/docs/components/tabs", description: "A set of layered sections of content—known as tab panels—that are displayed one at a time.", }, { title: "QR Code", href: "/docs/components/qrcode", description: "Generate customizable QR codes with various styling options.", }, { title: "Card Deck", href: "/docs/components/card-deck", description: "Interactive card deck component with swipe and drag functionality.", }, ] const overviewLinks = [ { title: "Quick Start", description: "Install and assemble your first component.", href: "/docs", }, { title: "Installation", description: "Learn how to set up Delta Components in your project.", href: "/docs/installation", }, { title: "Usage", description: "See what's new in the latest versions.", href: "/docs/usage", }, ] export default function NavigationMenuDemo() { return (

Overview

{link.description}

Components

{component.description}

} > Documentation

) } function ListItem({ title, children, href, ...props }: React.ComponentPropsWithoutRef<"li"> & { href: string }) { return (

{title}

{children}

) } 49:["$","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":[]}],["$","$L4d",null,{"registryDependencies":["@delta/navigation-menu"]}]]}],["$","$L4e",null,{"sourceUrl":"https://deltacomponents.dev/r/navigation-menu-demo.json","proxyUrl":"https://shadcnregistry.com/r/delta/navigation-menu-demo","itemId":"@delta/navigation-menu-demo"}],["$","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"}],["$","$L4f",null,{"files":[{"path":"examples/navigation-menu-demo.tsx","content":"$50","type":"registry:example"}]}]]}],"$L51"]}]

Navigation Menu Demo

Installation

Files

components

Styles