{
  "name": "sidebar-nav",
  "kind": "block",
  "primary": "nav-ui",
  "page": "/apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
  "slots": [],
  "nested": [],
  "attrs": {},
  "html": "<nav-ui\n  style=\"max-width:220px\">\n  <nav-group-ui text=\"Main\" icon=\"grid-four\" open>\n    <nav-item-ui icon=\"house\" text=\"Home\" active></nav-item-ui>\n    <nav-item-ui icon=\"chart-bar\" text=\"Dashboard\"></nav-item-ui>\n    <nav-item-ui icon=\"users\" text=\"Members\"></nav-item-ui>\n    <nav-item-ui icon=\"gear\" text=\"Settings\"></nav-item-ui>\n  </nav-group-ui>\n  <nav-group-ui text=\"Projects\" icon=\"folders\" open>\n    <nav-item-ui icon=\"folder\" text=\"Marketing site\"></nav-item-ui>\n    <nav-item-ui icon=\"folder\" text=\"Admin app\"></nav-item-ui>\n    <nav-item-ui icon=\"plus\" text=\"New project\"></nav-item-ui>\n  </nav-group-ui>\n  <divider-ui></divider-ui>\n  <nav-item-ui icon=\"user-circle\" text=\"Kim Granlund\"></nav-item-ui>\n</nav-ui>",
  "source": "apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
  "metadata": {
    "domain": "navigation",
    "description": "Sidebar navigation with grouped sections, icons, active state, and user menu at bottom.",
    "keywords": [
      "sidebar",
      "navigation",
      "sections",
      "grouped",
      "icons",
      "active",
      "state",
      "user-menu",
      "nav-item-ui",
      "nav-group-ui",
      "nav-ui",
      "sidebar-nav",
      "vertical-nav"
    ]
  },
  "captured_at": "2026-06-07T19:28:13.657Z",
  "template": [
    {
      "id": "nav-item",
      "component": "NavItem",
      "icon": "house",
      "text": "Home"
    },
    {
      "id": "nav-item-2",
      "component": "NavItem",
      "icon": "chart-bar",
      "text": "Dashboard"
    },
    {
      "id": "nav-item-3",
      "component": "NavItem",
      "icon": "users",
      "text": "Members"
    },
    {
      "id": "nav-item-4",
      "component": "NavItem",
      "icon": "gear",
      "text": "Settings"
    },
    {
      "id": "nav-group",
      "component": "NavGroup",
      "icon": "grid-four",
      "open": true,
      "text": "Main",
      "children": [
        "nav-item",
        "nav-item-2",
        "nav-item-3",
        "nav-item-4"
      ]
    },
    {
      "id": "nav-item-5",
      "component": "NavItem",
      "icon": "folder",
      "text": "Marketing site"
    },
    {
      "id": "nav-item-6",
      "component": "NavItem",
      "icon": "folder",
      "text": "Admin app"
    },
    {
      "id": "nav-item-7",
      "component": "NavItem",
      "icon": "plus",
      "text": "New project"
    },
    {
      "id": "nav-group-2",
      "component": "NavGroup",
      "icon": "folders",
      "open": true,
      "text": "Projects",
      "children": [
        "nav-item-5",
        "nav-item-6",
        "nav-item-7"
      ]
    },
    {
      "id": "divider",
      "component": "Divider"
    },
    {
      "id": "nav-item-8",
      "component": "NavItem",
      "icon": "user-circle",
      "text": "Kim Granlund"
    },
    {
      "id": "root",
      "component": "Nav",
      "children": [
        "nav-group",
        "nav-group-2",
        "divider",
        "nav-item-8"
      ]
    }
  ]
}