examples: add quasar example

2022-06-03 19:32:46 +02:00
parent 8dd7c79700
commit 330d6d7eac
87 changed files with 2290 additions and 166 deletions
@@ -0,0 +1,27 @@
+<script>
+import { ref } from 'vue'
+import BasicFlow from './BasicFlow.vue'
+
+export default {
+  components: { BasicFlow },
+  setup() {
+    const show = ref(false)
+    return {
+      show,
+      isReady: ref(false),
+    }
+  },
+}
+</script>
+
+<template>
+  <div class="q-pa-md q-gutter-sm">
+    <q-btn label="Open Flow" color="primary" @click="show = true" />
+
+    <q-dialog v-model="show" transition-show="jump-up" @show="isReady = true" @before-hide="isReady = false">
+      <q-card style="width: 500px; height: 500px">
+        <BasicFlow />
+      </q-card>
+    </q-dialog>
+  </div>
+</template>