23 lines
1.2 KiB
Markdown
23 lines
1.2 KiB
Markdown
---
|
|
pageClass: examples
|
|
|
|
---
|
|
# Interaction
|
|
|
|
This is an example showing the different interaction options Vue Flow provides.
|
|
|
|
<div class="mt-6">
|
|
<iframe src="https://codesandbox.io/embed/vue-flow-interaction-example-pqzf7p?eslint=1&fontsize=14&hidenavigation=1&module=%2Fsrc%2Fcomponents%2FFlow.vue&theme=dark"
|
|
class="hidden dark:block bg-black h-full w-full min-h-[75vh]"
|
|
title="Vue Flow: Hidden Example"
|
|
allow="accelerometer; ambient-light-sensor; camera; encrypted-media; geolocation; gyroscope; hid; microphone; midi; payment; usb; vr; xr-spatial-tracking"
|
|
sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"
|
|
></iframe>
|
|
<iframe src="https://codesandbox.io/embed/vue-flow-interaction-example-pqzf7p?eslint=1&fontsize=14&hidenavigation=1&module=%2Fsrc%2Fcomponents%2FFlow.vue&theme=light"
|
|
class="block dark:hidden h-full w-full min-h-[75vh]"
|
|
title="Vue Flow: Hidden Example"
|
|
allow="accelerometer; ambient-light-sensor; camera; encrypted-media; geolocation; gyroscope; hid; microphone; midi; payment; usb; vr; xr-spatial-tracking"
|
|
sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"
|
|
></iframe>
|
|
</div>
|