NgxHelper

Demo

[Click here to see demo]

app.component.ts

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

@Component({
  selector: 'app-root',
  template: `
  <ngxHelper [data]="data[0]" (onClick)="shwoNext()">
            <button type="submit" class="btn btn-primary">Submit</button>
          </ngxHelper>
  `,
  styleUrls: ['./app.component.scss']
})
export class RxComponent {

  count = 0;
  data = [
  {
    "title": "Submit Details",
    "description": "Click this button to submit your details",
    "position": "right",
    "show":false,
    "buttonText":"Got it"
  }]
  showHelper() {
    this.data[this.count].show = true;
  }
  shwoNext() {
    this.count = this.count + 1;
    this.data[this.count].show = true;
  }
  done() {
    this.count = 0;
  }
}

Module Pattern

import {NgxHelperModule} from 'ngx-helper';

@NgModule({
  imports: [
    NgxHelperModule
  ],
})
export class DemoModule { }

Doccumentation

See this link.

Installation

# npm
npm i ngx-helper

License

MIT