Add modal sizes

2022-09-18 19:01:59 -07:00
parent bf4880876e
commit 19542da005
4 changed files with 96 additions and 7 deletions
--- a/docs/components/modal/examples/ModalSizeExample.vue
+++ b/docs/components/modal/examples/ModalSizeExample.vue
@@ -0,0 +1,19 @@
+<template>
+  <div class="vp-raw flex justify-between">
+    <span>
+      <ModalExample size="xs" trigger-text="XS Modal"/>
+    </span>
+    <span>
+      <ModalExample size="md" trigger-text="MD Modal"/>
+    </span>
+    <span>
+      <ModalExample size="xl" trigger-text="XL Modal"/>
+    </span>
+    <span>
+      <ModalExample size="5xl" trigger-text="5XL Modal"/>
+    </span>
+  </div>
+</template>
+<script setup>
+import ModalExample from './ModalExample.vue'
+</script>