A javascript library for easy walkthrough and site tour / tutorial
npm install walkthrough-jssh
$ cd your-project
$ npm install walkthrough-js --save
`
$3
include script:
`javascript
`
or use ES6 (ESNext):
`javascript
import { Walkthrough } from "walkthrough-js/dist/walkthrough";
import { TutorialStage } from 'walkthrough-js/dist/interface';
`
initialize component:
`javascript
const wt = new Walkthrough();
let steps = [] as Array;
// define steps . . .
steps.push({
title: 'Title:',
desc: 'Lorem Ipsum is simply dummy text of the printing and typesetting industry . . .',
selector: '#Example'
});
// start the tour
wt.setTutorial(steps);
`
$3
`javascript
import { TutorialOptions } from 'walkthrough-js/dist/interface';
let options = new TutorialOptions();
options.identifier: 'my_page';
options.maxIdentifier = 2;
wt.setTutorial(steps, options);
``