Skip to content

Tour

The Tour component is used to create interactive user guidance processes, highlighting specific elements on the page and providing corresponding explanations.

Basic Usage

The guidance process is created using the OlTourProvider and OlTourStep components.

Attributes

OlTourProvider Attributes

AttributeDescriptionTypeDefault
activeWhether to display the guidebooleanfalse
v-model:activeTwo-way binding for the display state of the guidebooleanfalse

OlTourStep Attributes

AttributeDescriptionTypeDefault
indexStep index (required)string | number-
titleStep titlestring''
descriptionStep descriptionstring''