HTML elements

Pass an HTMLElement directly as the step target instead of a CSS selector.

HTML elements

The target field on a TourStep accepts an HTMLElement as well as a CSS selector string. Assign the element inside onMounted so the DOM is fully rendered before the tour starts.

Target element 1

Target element 2

Target element 3

The tour will automatically start when the page loads

Assign in onMounted
Always assign HTMLElement targets inside onMounted to ensure the elements are in the DOM before the tour attempts to locate them.