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

### 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-->