Skip to content

tclemans/shepherd

 
 

Repository files navigation

Shepherd

npm version Bower version

Guide your users through a tour of your app

Install

Dependencies

Installing via npm and bower will bring in the above dependencies as well.

npm

$ npm install tether-shepherd

bower

$ bower install tether-shepherd

Eager

The easiest way to add a Shepherd tour to your site is with Eager. Click Install to create a tour right on your site with no coding required.

Usage

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

API documentation

Demo

Contributing

We encourage contributions of all kinds. If you would like to contribute in some way, please review our guidelines for contributing.

License

Copyright © 2015 HubSpot - MIT License

About

Guide your users through a tour of your app #hubspot-open-source

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • CSS 68.4%
  • JavaScript 29.4%
  • CoffeeScript 2.2%