JSFiddle - React, Tailwind, and code Playground

by adamschwartz

HTML

<button style="margin: 100px">Button</button>
<link rel="stylesheet" href="http://static2cdn.hubspot.com/style_guide/static-4.220/sass/style_guide_plus_layout.css" />
<link rel="stylesheet" href="http://github.hubspot.com/shepherd/css/shepherd-theme-arrows.css" />
<script src="http://github.hubspot.com/shepherd/shepherd.js"></script>
<script>
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: 'button right',
  advanceOn: '.docs-link click'
});

tour.start();
</script>