angular-toaster-with-progressbar v0.0.11

AngularToasterWithProgressbar

This library was generated with Angular CLI version 9.1.12.

Current progress 9/6/2020

For right now this is just a basic test to see if it renders but in the near future it will contain a robust toaster system with percentage and options

Note: Please email me for details patrickfloriansoftwareengineer@gmail.com

Compatibility

For use in Angular 2, version 7 and above.

Note: Pervious versions may work but are untested, use at your own risk!

How To Use In Angular App

<< Run this from the command prompt while you are cd/ls into your Angular project >> npm i angular-toaster-with-progressbar

<< In your angular project go to your desired module and import AngularToasterWithProgressbar >>

// ADD THIS
import { AngularToasterWithProgressbarModule } from 'angular-toaster-with-progressbar';

@NgModule({
  declarations: [
    AppComponent,
  ],
  imports: [
    AngularToasterWithProgressbarModule, // ADD THIS
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

<< In your desired component add the declaration with sample usage >>

import { Component, OnInit, Input } from '@angular/core';

@Component({
  selector: 'some-component',
  template: `
    <toaster-with-progressbar [percentage]=[percentage]></toaster-with-progressbar>
  `
})
export class SomeComponent implements OnInit {

  @Input() percentage: string;

  constructor() { }

  ngOnInit(): void {
    this.percentage = '80%';
  }

}