Telemachy component allows you to create interactive guided tours of Angular applications.

ngx guided tour example, angular ui tour, website guided tour plugin, angular onboarding overlay, angular tour npm, angular material guided tour, ngx guided tour not working

How to make use of it:

Installation:

yarn add telemachy
# or
npm install --save telemachy

1. Import TelemachyModule in the root module.

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { RouterModule } from '@angular/router';

import { TelemachyModule } from 'telemachy';

import { AppComponent } from './app.component';

@NgModule({
    imports: [BrowserModule, RouterModule.forRoot([]), TelemachyModule],
    declarations: [AppComponent],
    bootstrap: [AppComponent]
})
export class AppModule {}

2. Finally, add the <telemachy-tour> component to the root app component.

import { Component } from '@angular/core';

@Component({
    selector: 'app-root',
    template: `<telemachy-tour></telemachy-tour><router-outlet></router-outlet>`
})
export class RootComponent {}

easy guided tours for angular, Telemachy Plugin/Github

See Demo And Download

Official Website(code-orange): Click Here

This superior jQuery/javascript plugin is developed by code-orange. For extra advanced usage, please go to the official website.