alighasami/vue-flow
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore(vite-examples): update basic example

Browse Source 
Signed-off-by: braks <78412429+bcakmakoglu@users.noreply.github.com>
This commit is contained in:
braks
2023-05-05 11:02:58 +02:00
committed by Braks
parent 558b7232e5
commit c2b6a62cff
1 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
examples/vite/src/Basic/Basic.vue
+6 -6
View File
@@ -1,6 +1,6 @@
<script lang="ts" setup> <script lang="ts" setup>
import type { Elements } from '@vue-flow/core' import type { Elements } from '@vue-flow/core'
import { VueFlow, isNode, useVueFlow } from '@vue-flow/core' import { Panel, PanelPosition, VueFlow, isNode, useVueFlow } from '@vue-flow/core'
import { Background } from '@vue-flow/background' import { Background } from '@vue-flow/background'
import { Controls } from '@vue-flow/controls' import { Controls } from '@vue-flow/controls'
@@ -49,11 +49,11 @@ function toggleclass() {
<Background /> <Background />
<MiniMap /> <MiniMap />
<Controls /> <Controls />
<div style="position: absolute; right: 10px; top: 10px; z-index: 4"> <Panel :position="PanelPosition.TopRight" style="display: flex; gap: 5px">
<button style="margin-right: 5px" @click="resetTransform">reset transform</button> <button @click="resetTransform">reset transform</button>
<button style="margin-right: 5px" @click="updatePos">change pos</button> <button @click="updatePos">change pos</button>
<button style="margin-right: 5px" @click="toggleclass">toggle class</button> <button @click="toggleclass">toggle class</button>
<button @click="logToObject">toObject</button> <button @click="logToObject">toObject</button>
</div> </Panel>
</VueFlow> </VueFlow>
</template> </template>