26 lines
1.3 KiB
Markdown
26 lines
1.3 KiB
Markdown
---
|
|
pageClass: examples
|
|
|
|
---
|
|
|
|
# Multi Flows
|
|
|
|
Vue Flow is not limited to a single instance on a page.
|
|
|
|
You can use as many component instances as you like.
|
|
|
|
<div class="mt-6">
|
|
<iframe src="https://codesandbox.io/embed/vue-flow-multi-flows-example-y4yn9u?eslint=1&fontsize=14&hidenavigation=1&module=%2Fsrc%2Fcomponents%2FMultiFlow.vue&theme=dark"
|
|
class="hidden dark:block bg-black h-full w-full min-h-[75vh]"
|
|
title="Vue Flow: Multi Flows 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-multi-flows-example-y4yn9u?eslint=1&fontsize=14&hidenavigation=1&module=%2Fsrc%2Fcomponents%2FMultiFlow.vue&theme=light"
|
|
class="block dark:hidden h-full w-full min-h-[75vh]"
|
|
title="Vue Flow: Multi Flows 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>
|