first

documentation/modal/v-modal-options-documentation.md

@@ -0,0 +1,43 @@
+### Modal Options
+
+The `<VModal />` component behavior can be customized. Use the `noscroll`
+prop to disable page scrolling when the modal is open.
+You also can use the `noclose` prop to prevent modal from closing
+if the user click on the background overlay.
+
+<!--code-->
+
+```vue
+<script setup lang="ts">
+const isOpen = ref(false)
+</script>
+
+<template>
+  <VButton bold @click="isOpen = true">
+    Open Modal
+  </VButton>
+
+  <VModal
+    :open="isOpen"
+    size="small"
+    actions="center"
+    noscroll
+    noclose
+    @close="isOpen = false"
+  >
+    <template #content>
+      <VPlaceholderSection
+        title="Go Premium"
+        subtitle="Unlock more features and business tools by going premium"
+      />
+    </template>
+    <template #action>
+      <VButton color="primary" raised>
+        Confirm
+      </VButton>
+    </template>
+  </VModal>
+</template>
+```
+
+<!--/code-->