docs: add node resizer example

Signed-off-by: braks <78412429+bcakmakoglu@users.noreply.github.com>
2022-12-13 15:49:20 +01:00
parent 1739797cfe
commit f31f0073f7
12 changed files with 63 additions and 0 deletions
@@ -0,0 +1,15 @@
+<script setup>
+import { Handle, Position } from '@vue-flow/core'
+import { NodeResizer } from '@vue-flow/node-resizer'
+import '@vue-flow/node-resizer/dist/style.css'
+
+defineProps(['label'])
+</script>
+
+<template>
+  <NodeResizer min-width="100" min-height="30" />
+
+  <Handle type="target" :position="Position.Left" />
+  <div style="padding: 10px">{{ label }}</div>
+  <Handle type="source" :position="Position.Right" />
+</template>