Nesting example

BipanKishore · May 9, 2024 · 867a730 · 867a730
1 parent 0d68d44
commit 867a730
Showing 1 changed file with 29 additions and 0 deletions.
diff --git a/README.md b/README.md
@@ -151,6 +151,35 @@ export const CustomResizer = ({
 
 ```
 
+## Nesting
+
+```tsx
+
+      <ResizablePanes uniqueId="uniqueId" vertical resizerClass="bg-slate-500">
+
+      <Pane id="P0" size={1}>    
+          <ResizablePanes uniqueId="uniqueId2" resizerClass="bg-slate-500">
+
+            <Pane id="P01" size={2}>
+              Your child component 1
+            </Pane>
+            <Pane id="P01" size={3}>
+              Your child component 2
+            </Pane>
+
+          </ResizablePanes>
+      </Pane>
+
+        <Pane id="P1" size={2}>
+          Your component 2
+        </Pane>
+        <Pane id="P2" size={3}>
+          Your component 3
+        </Pane>
+      </ResizablePanes>
+
+```
+
 ## [Quick Demo](https://bipankishore.github.io/resizable-panes/)
 
 ### Feel Free to Raise Pull Request