cosscom__coss/apps/ui/public/r/menu-nested.json

{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "menu-nested",
  "type": "registry:example",
  "description": "Menu with submenu",
  "registryDependencies": ["@coss/menu", "@coss/button"],
  "files": [
    {
      "path": "registry/default/examples/menu-nested.tsx",
      "content": "import { Button } from \"@/registry/default/ui/button\"\nimport {\n  Menu,\n  MenuItem,\n  MenuPopup,\n  MenuSub,\n  MenuSubPopup,\n  MenuSubTrigger,\n  MenuTrigger,\n} from \"@/registry/default/ui/menu\"\n\nexport default function MenuNestedDemo() {\n  return (\n    <Menu>\n      <MenuTrigger render={<Button variant=\"outline\" />}>Open menu</MenuTrigger>\n      <MenuPopup>\n        <MenuItem>Item one</MenuItem>\n        <MenuSub>\n          <MenuSubTrigger>More</MenuSubTrigger>\n          <MenuSubPopup>\n            <MenuItem>Sub item A</MenuItem>\n            <MenuItem>Sub item B</MenuItem>\n          </MenuSubPopup>\n        </MenuSub>\n        <MenuItem>Item two</MenuItem>\n      </MenuPopup>\n    </Menu>\n  )\n}\n",
      "type": "registry:example"
    }
  ],
  "categories": ["menu"]
}