Using a Backdrop

The backdrop property is a boolean that represents whether the backdrop should be displayed or not. The backdrop is a semi-transparent overlay that covers the entire screen, except for the highlighted element.

Using the backdrop prop

To enable the backdrop, you can use the backdrop prop in the VTour component.

<script setup lang='ts'>
  // ...
  const steps = [...];
</script>

<template>
  <VTour :steps="steps" autoStart highlight/> // [!code --]
  <VTour :steps="steps" autoStart backdrop/> // [!code ++]
  ...
</template>

INFO

By default, the backdrop is disabled.