Press "Enter" to skip to content

Easy Guided Tours for Angular Apps | telemachy

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.

Be First to Comment

    Leave a Reply

    Your email address will not be published. Required fields are marked *