update!: Rename Flow container to VueFlow

* Export renamed to VueFlow

Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
This commit is contained in:
Braks
2021-11-15 20:34:02 +01:00
parent 98d7053951
commit ffdadda051
31 changed files with 98 additions and 78 deletions
+3 -3
View File
@@ -4,7 +4,7 @@ import initialElements from './initial-elements'
import './layouting.css'
import {
Flow,
VueFlow,
Controls,
addEdge,
ConnectionMode,
@@ -59,7 +59,7 @@ const onLayout = (direction: string) => {
</script>
<template>
<div class="layoutflow">
<Flow
<VueFlow
:elements="elements"
:node-extent="nodeExtent"
:connection-mode="ConnectionMode.Loose"
@@ -68,7 +68,7 @@ const onLayout = (direction: string) => {
@load="() => onLayout('TB')"
>
<Controls />
</Flow>
</VueFlow>
<div class="controls">
<button :style="{ marginRight: 10 }" @click="() => onLayout('TB')">vertical layout</button>
<button @click="() => onLayout('LR')">horizontal layout</button>