Highlighting a Single Element – Without Popover
this.highlightDriver = new Driver({
	opacity: 0.6,
	closeBtnText: ''
});

@click="highlightEl"

highlightEl () {
	this.highlightDriver.highlight('#sc-tour-singleEl-noPopover');
}
Highlighting a Single Element – With Popover
this.popoverDriver = new Driver({
	opacity: 0.6,
	closeBtnText: ''
});

 @click="popoverEl"

 popoverEl (e) {
	this.popoverDriver.highlight({
		element: e.target.closest("div"),
		popover: {
			title: 'Title for the Popover',
			description: 'Description for highlighted element',
			position: 'top'
		}
	})
}
Popover Positioning

Themes

Main Menu