From d5e21b00017c6059cf57dccfad5225d3f7bd34fe Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Tue, 30 Jan 2024 12:32:02 +0100
Subject: [PATCH] improved nodeResizer example

---
 .../react/src/examples/NodeResizer/index.tsx  | 25 ++++++++++++++-----
 1 file changed, 19 insertions(+), 6 deletions(-)

diff --git a/examples/react/src/examples/NodeResizer/index.tsx b/examples/react/src/examples/NodeResizer/index.tsx
index f8e46940..42e83523 100644
--- a/examples/react/src/examples/NodeResizer/index.tsx
+++ b/examples/react/src/examples/NodeResizer/index.tsx
@@ -119,24 +119,37 @@ const initialNodes: Node[] = [
   {
     id: '5',
     type: 'defaultResizer',
-    data: { label: 'Parent' },
+    data: { label: 'Parent', keepAspectRatio: true },
     position: { x: 700, y: 0 },
-    style: { ...nodeStyle, width: 300, height: 300 },
+    style: { ...nodeStyle, width: 300, height: 400 },
   },
   {
     id: '5a',
     type: 'defaultResizer',
-    data: { label: 'Child' },
+    data: {
+      label: 'Child with extent: parent',
+    },
     position: { x: 50, y: 50 },
     parentNode: '5',
-    style: { ...nodeStyle },
+    extent: 'parent',
+    style: { ...nodeStyle, width: 50, height: 100 },
   },
   {
     id: '5b',
     type: 'defaultResizer',
-    data: { label: 'Child' },
-    position: { x: 100, y: 100 },
+    data: { label: 'Child with expandParent' },
+    position: { x: 150, y: 100 },
     parentNode: '5',
+    expandParent: true,
+    style: { ...nodeStyle },
+  },
+  {
+    id: '5c',
+    type: 'defaultResizer',
+    data: { label: 'Child with expandParent & keepAspectRatio', keepAspectRatio: true },
+    position: { x: 25, y: 200 },
+    parentNode: '5',
+    expandParent: true,
     style: { ...nodeStyle },
   },
 ];