Shepherd

Guide your users through a tour of your app.

Including

<link rel="stylesheet" href="shepherd-theme-arrows.css" />
<script src="tether.min.js"></script>
<script src="shepherd.min.js"></script>

Example

tour = new Shepherd.Tour
  defaults:
    classes: 'shepherd-theme-arrows'

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()

★ on Github View Docs ↓ Install