docs: add horizontal layout example

2022-05-27 23:36:01 +02:00
parent b846a3f763
commit 488b632e2e
6 changed files with 92 additions and 0 deletions
@@ -0,0 +1,19 @@
+---
+pageClass: examples
+
+---
+
+# Horizontal Layout
+
+Vue Flow doesn't require you to use vertical layouts.
+You can use horizontal layouts with the default node types as well.
+
+You can define where source or target handle positions are with the `sourcePosition` or `targetPosition` properties of nodes.
+
+<div class="mt-6">
+  <client-only>
+    <Suspense>
+      <Repl example="horizontal"></Repl>
+    </Suspense>
+  </client-only>
+</div>