tutorial page guide

lite and useful, free framework!

picture

how to import

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


var data = [
    {
        title:'your title',
        path:'your-page-path',
        src:'your-video-source',
        description:'your-description'
    }
]
var options = {
    buttonTitle: "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