{
  "name": "SubNavLabel",
  "package": "@magicblocksai/ui",
  "file": "packages/ui/src/components/SubNavLabel.tsx",
  "chapterTag": "23 Workspace",
  "chapter": "23-workspace.html",
  "sectionId": null,
  "elName": null,
  "demoUrl": null,
  "hasLiveDemo": false,
  "description": "Group header inside `<SubNav>`. Renders an uppercased mono caption\n(10px JetBrains Mono, fg-faint) above a cluster of related\n`<SubNavItem>`s. Use to break a sub-nav into 2-3 sections — the\npattern Library (15.12), Settings (25.7), and Dashboard (13.19) all\nuse.",
  "useClient": false,
  "interactivity": "display",
  "namedExports": [
    {
      "name": "SubNavLabel",
      "isPrincipal": true,
      "isType": false
    },
    {
      "name": "SubNavLabelProps",
      "isPrincipal": false,
      "isType": true
    }
  ],
  "importStatement": "import { SubNavLabel } from \"@magicblocksai/ui\";",
  "props": [
    {
      "name": "children",
      "optional": true,
      "type": "ReactNode",
      "doc": "Group label — typically a short noun (e.g. \"Tools\", \"Shared features\", \"Workspace\"). Rendered uppercase via the kit's mono caption style."
    },
    {
      "name": "className",
      "optional": true,
      "type": "string",
      "doc": ""
    }
  ],
  "classesUsed": [
    "sub-nav-label"
  ],
  "examples": {
    "react": "<SubNav>\n  <SubNavLabel>Tools</SubNavLabel>\n  <SubNavItem href=\"/library/tools\">Tools & MCP</SubNavItem>\n  <SubNavItem href=\"/library/tasks\">Tasks</SubNavItem>\n  <SubNavLabel>Shared features</SubNavLabel>\n  <SubNavItem href=\"/library/personas\">Personas</SubNavItem>\n</SubNav>",
    "html": null,
    "css": ".sub-nav-label {\n  font: 600 10px/1 var(--f-mono); text-transform: uppercase;\n  letter-spacing: 0.08em; color: var(--fg-faint);\n  padding: 0 var(--s-3); margin: 0 0 var(--s-2);\n}"
  }
}