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.

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