{"repo":"shipshapecode/angular-shepherd","free":true,"listed":false,"github":"https://github.com/shipshapecode/angular-shepherd","clone":"git clone https://github.com/shipshapecode/angular-shepherd.git","description":"An Angular wrapper for the site tour library Shepherd","language":"TypeScript","stars":237,"topics":["angular","angularjs","tour","shepherd","hacktoberfest"],"license":null,"category":"api-integrations-sdks","readme_excerpt":"angular-shepherd angular-shepherd is built and maintained by Ship Shape. Contact us for web app consulting, development, and training for your project . This is an Angular wrapper for the Shepherd, site tour, library. It provides additional functionality, on top of Shepherd, as well. Compatibility - Angular 8: 0.5.0 - Angular 9: 0.6.0 - Angular 10: 0.7.0 - Angular 11: 11.x - Angular 12: 12.x - Angular 13: 13.x - Angular 14: 14.x - Angular 15: 15.x - Angular 16: 16.x - Angular 17: 17.x - Angular 18: 18.x - Angular 19: 19.x - Angular 20: 20.x - Angular 21: 21.x This has not been tested in anything but Angular 8+. It may or may not work in previous versions or subsequent versions of Angular. We would love to support multiple versions, if people with more Angular knowledge would be willing to help us out! Installation Usage NOTE: This may not be the proper Angular way to do everything, as I am not an Angular dev, so please let me know if you have suggestions! Shepherd ships a single style file, which you will need to include. You can do so by adding it to your angular.json. Then, you will need to inject the ShepherdService to be able to interact with Shepherd and call addSteps to add your steps, start to start the tour, etc. You could either do this at the application level, in your application component or on a per component or per route/view basis. NOTE: It is highly recommended to inject ShepherdService into your app.component.ts . Injecting it at the app level ensures you onl","default_branch":null,"files":null,"tree":[],"storefront":"/r/shipshapecode","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/shipshapecode/angular-shepherd/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}