Highlight Target Option

The highlight option is used to highlight the target element per step. This option is useful when you want to emphasize the target element.

Using the highlight option

To enable the highlight effect, you can set the highlight option in the Step.

<script setup>
  const steps = [{
    target: '[data-step=0]',
    content: 'Text Content',
    highlight: true
  }];
</script>

Target highlighted

Target

INFO

You can enable the highlight effect globally by setting the highlight prop in the VTour component.

See Documentation