angular-custom-tour

Will be available later

demo

https://miraxes.github.io/angular-custom-tour

Custom tour with Angular 2.x.x

Usage

• install npm install angular-custom-tour --save

import { HintService } from '???'

class AppComponent {

  constructor(public hintService: HintService){ }

  startTour() {
    this.hintService.initialize();
  }

}

<!-- Bluring element insert on top of the page-->
<fwyl-hint></fwyl-hint>

<!-- start TOUR -->
<button name="button" (click)="startTour()"> START!</button>

<!-- Each step could be placed at ANYWHERE -->
<div class="i-want-highlight-this" id="highlight-me"> WOW!</div>

<fwyl-intro-tour selector="highlight-me" order="3" position="right" title="title string">
  <!-- ANY HTML HERE
    NOTE: ONLY selector attribute is required! others is up to you
  -->
</fwyl-intro-tour>