From d637c6d4d87393b03e4ae3a4d9f8b8284e20b332 Mon Sep 17 00:00:00 2001
From: Michael Theobald <63233184+michaeltheobald@users.noreply.github.com>
Date: Tue, 6 Oct 2020 16:46:48 +0200
Subject: [PATCH] made example programmer friendlier

it cost me an hour to fix this in my simple test. ;)
---
 .../src/markdown/docs/getting-started/index.md    | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

diff --git a/website/src/markdown/docs/getting-started/index.md b/website/src/markdown/docs/getting-started/index.md
index 44945faf..73a0d024 100644
--- a/website/src/markdown/docs/getting-started/index.md
+++ b/website/src/markdown/docs/getting-started/index.md
@@ -49,7 +49,7 @@ const elements = [
   { id: 'e2-3', source: '2', target: '3' },
 ];
 
-export default () => <ReactFlow elements={elements} />;
+export default () => <div style={{ height: 300 }}><ReactFlow elements={elements} /></div>;
 ```
 
 import Flow from './index';
@@ -86,11 +86,14 @@ export default () => {
   const onConnect = (params) => setElements((els) => addEdge(params, els));
 
   return (
-    <ReactFlow
-      elements={elements}
-      onElementsRemove={onElementsRemove}
-      onConnect={onConnect}
-    />
+    <div style={{ height: 300 }}>
+      <ReactFlow
+        elements={elements}
+        onElementsRemove={onElementsRemove}
+        onConnect={onConnect}
+        deleteKeyCode={46} /* 'delete'-key */
+      />
+    </div>
   );
 }
 ```