tutorial page guide

how to import

import  tutorialPageGuide from 'tutorial-page-guide'
import styles from 'tutorial-page-guide/src/styles.css'


var data = [
    {
        title:'your title',
        path:'your-page-path',
        src:'your-video-source',
        description:'your-description'
    }
]
var options = {
  { 
    buttonTitles: ["can i help you?"],
    isDefaultOpen: false,
    enableTrackingRoute: false,
  }
}

tutorialPageGuide.init(data, options)

Usage

1. if you have a SPA project, you can init in root of your project and set enableTrackingRoute to true to track path hanges and show true guides each page. Notice: if you set enableTrackingRoute to true, remember run destroy() after you don't need it.

2. if not in SPA, you can init in each page you want without enableTrackingRoute

enjoy