Tutorial

Props

Attribute	Description	Type	Default
start	Start Tutorial component.	boolean	false
steps	Define steps of Tutorial component, steps prop takes two parameters text and compID. Text parameter specifies the description of the step, compID specifies the component we want to include in highlight.	array	undefined
nextButtonLabel	Next button label.	string	Next
skipButtonLabel	Skip button label.	string	Skip
prevButtonLabel	Previous button label.	string	Back
doneButtonLabel	Done button label.	string	Done
hidePrevButton	Hide the previous button in the first step? Otherwise, it will render a disabled button.	boolean	false
showstepNumbers	Show steps number in the red circle or not, true or false.	boolean	false
keyboardNavigation	Navigating with keyboard or not, true or false.	boolean	false
visible	Visibility of Tutorial component.	boolean	true

Events

Attribute	Description
beforeExit	Trigger when you exit the Tutorial component or when you press the skip button
onafterchange	Trigger when you chane step of the Tutorial component
oncomplete	Trigger when you complete Tutorial component

Methods

Attribute	Description
start	Start Tutorial component
goToStep	Start Tutorial component from step that you define. (Exp: goToStep(2))

Tutorial Data Values

Attribute	Description
currentStepValue	Get currentStep value of the component

Samples Qjson

QTutorialFinalDemo