{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"c-resizable-4","type":"registry:block","title":"Nested resizable","description":"Nested resizable","dependencies":[],"registryDependencies":["resizable"],"files":[{"path":"c-resizable-4.tsx","type":"registry:block","content":"import {\n  ResizableHandle,\n  ResizablePanel,\n  ResizablePanelGroup,\n} from \"@/components/ui/resizable\"\n\nexport function Pattern() {\n  return (\n    <div className=\"mx-auto w-full max-w-lg\">\n      <ResizablePanelGroup\n        orientation=\"horizontal\"\n        className=\"rounded-2xl min-h-[300px] border\"\n      >\n        <ResizablePanel defaultSize=\"50%\">\n          <div className=\"flex h-[200px] items-center justify-center p-6\">\n            <span className=\"font-semibold\">One</span>\n          </div>\n        </ResizablePanel>\n        <ResizableHandle withHandle />\n        <ResizablePanel defaultSize=\"50%\">\n          <ResizablePanelGroup orientation=\"vertical\">\n            <ResizablePanel defaultSize=\"25%\">\n              <div className=\"flex h-full items-center justify-center p-6\">\n                <span className=\"font-semibold\">Two</span>\n              </div>\n            </ResizablePanel>\n            <ResizableHandle withHandle />\n            <ResizablePanel defaultSize=\"75%\">\n              <div className=\"flex h-full items-center justify-center p-6\">\n                <span className=\"font-semibold\">Three</span>\n              </div>\n            </ResizablePanel>\n          </ResizablePanelGroup>\n        </ResizablePanel>\n      </ResizablePanelGroup>\n    </div>\n  )\n}","target":"components/examples/c-resizable-4.tsx"}],"meta":{"order":4,"gridSize":1,"label":"Nested Grips"}}