{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "nav-side-demo",
  "type": "registry:component",
  "title": "Side navigation example",
  "description": "Usage example (demo) for Side navigation: the code behind the preview on https://facadeui.dev/components/nav-side. Installs the items it uses.",
  "categories": [
    "example"
  ],
  "registryDependencies": [
    "https://facadeui.dev/r/nav-side.json"
  ],
  "files": [
    {
      "path": "nav-side.tsx",
      "type": "registry:component",
      "target": "components/examples/nav-side-demo.tsx",
      "content": "import { NavSide } from \"@/components/sections/nav-side\"\n\nconst groups = [\n  {\n    title: \"Getting started\",\n    links: [\n      { label: \"Installation\", href: \"#installation\" },\n      { label: \"Theming\", href: \"#theming\" },\n      { label: \"Accessibility\", href: \"#accessibility\" },\n    ],\n  },\n  {\n    title: \"Atoms\",\n    collapsible: true,\n    links: [\n      { label: \"Button\", href: \"#button\" },\n      { label: \"Badge\", href: \"#badge\" },\n      { label: \"Input\", href: \"#input\" },\n    ],\n  },\n  {\n    title: \"Sections\",\n    collapsible: true,\n    defaultCollapsed: true,\n    links: [\n      { label: \"Hero\", href: \"#hero\" },\n      { label: \"Feature grid\", href: \"#feature-grid\" },\n      { label: \"FAQ\", href: \"#faq\" },\n    ],\n  },\n]\n\nexport function Demo() {\n  return (\n    <div className=\"grid gap-8 lg:grid-cols-[16rem_minmax(0,1fr)]\">\n      <NavSide label=\"Documentation\" groups={groups} currentPath=\"#theming\" />\n      <div className=\"text-muted-foreground text-sm\">\n        Below <code>lg</code> the sidebar collapses to a drawer. The group holding the\n        current page is always expanded, even when it is marked{\" \"}\n        <code>defaultCollapsed</code>.\n      </div>\n    </div>\n  )\n}\n"
    }
  ],
  "docs": "Example only: components/examples/nav-side-demo.tsx renders Side navigation with sample content from components/examples/content.tsx. Copy what you need into your page. Docs: https://facadeui.dev/components/nav-side"
}