Shepherd

Guide your users through a tour of your app.

Including

Example

          
            const tour = new Shepherd.Tour({
              defaultStepOptions: {
                classes: 'shadow-md bg-purple-dark',
                scrollTo: true
              }
            });

            tour.addStep('example', {
              title: 'Example Shepherd',
              text: 'Creating a Shepherd is easy too! Just create ...',
              attachTo: '.hero-example bottom',
              advanceOn: '.docs-link click'
            });

            tour.start();