{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "notch-nav-demo",
  "title": "Notch Nav Demo",
  "description": "Example of Notch style trigger that reveals the navigation menu from above.",
  "registryDependencies": [
    "https://atlasui.dev/r/notch-nav.json"
  ],
  "files": [
    {
      "path": "registry/react/examples/notch-nav-demo.tsx",
      "content": "import {\n  NotchNav,\n  NotchNavContent,\n  NotchNavItem,\n  NotchNavTrigger,\n} from \"@/registry/react/atlasui/notch-nav\";\n\nexport const NotchNavDemo = () => {\n  return (\n    <div className=\"relative h-full min-h-80\">\n      <NotchNav>\n        <NotchNavTrigger />\n        <NotchNavContent>\n          <NotchNavItem href=\"#\">Home</NotchNavItem>\n          <NotchNavItem href=\"#\">About</NotchNavItem>\n          <NotchNavItem href=\"#\">Products</NotchNavItem>\n          <NotchNavItem href=\"#\">Services</NotchNavItem>\n          <NotchNavItem href=\"#\">Contact</NotchNavItem>\n        </NotchNavContent>\n      </NotchNav>\n    </div>\n  );\n};\n",
      "type": "registry:example",
      "target": "components/notch-nav-demo.tsx"
    }
  ],
  "type": "registry:example"
}