docs: add multiple transition animations to teleport example

# What's changed?

* add fade and shrink animations to teleportable nodes
* demonstrate using `updateNodeDimensions` to properly align edges after a resizing transition
This commit is contained in:
bcakmakoglu
2022-06-15 22:38:57 +02:00
parent 2de121509e
commit 597f799fa4
7 changed files with 167 additions and 56 deletions
+2 -2
View File
@@ -1,5 +1,5 @@
<script setup>
import { VueFlow, useVueFlow } from '@braks/vue-flow'
import { VueFlow } from '@braks/vue-flow'
import { ref } from 'vue'
import Sidebar from './Sidebar.vue'
import TeleportableNode from './TeleportableNode.vue'
@@ -38,7 +38,7 @@ const elements = ref([
<div class="teleportflow">
<VueFlow v-model="elements" :fit-view-on-init="true">
<template #node-teleportable="props">
<TeleportableNode :id="props.id" />
<TeleportableNode v-bind="props" />
</template>
</VueFlow>
<Sidebar />