Toaster Notification

Use this library to create Toast components in a simple way. Do not use in applications with high rendering usage, as the library is not focused on performance but on simplicity.

Instalation

npm install toaster-notification

how to configure it to work

import provideAnimations in your angular configuration file

import { provideAnimations } from '@angular/platform-browser/animations';

export const appConfig: ApplicationConfig = {
  providers: [provideAnimations()]
};

Usage examples

import { Component } from '@angular/core';
import { ToasterCreate, ToasterNotificationComponent } from "toaster-notification"

@Component({
  selector: 'app-root',
  standalone: true,
  imports: [ToasterNotificationComponent],
  template: `
    <lib-toaster-notification 
      [config]="tc"]
    />

    <button (click)="show()" >
      Show Notification
    </button>
  `,
  styles: ``
})
export class AppComponent {
  public tc = new ToasterCreate({
    positionX: "LEFT",
    positionY: "TOP",
    time: 5000,
    buttonClose: true
  });

  public show() {
    this.tc.success("Success notification!");
  }
}

ToasterCreate arguments config

| Property | Type | Description | |------------------|-----------|----------------------------------------------------------------------------| | theme | string | Defines the notification theme. Accepts values: "DARK" or "LIGHT". | | positionY | string | Defines the vertical position of the notification. Accepts values: "TOP" or "BOTTOM". | | positionX | string | Defines the horizontal position of the notification. Accepts values: "LEFT" or "RIGHT". | | buttonClose | boolean | Indicates whether the close button should be displayed. The default is true. | | time | number | Time in milliseconds for which the notification will be visible before disappearing. The default is 3000. |

This project is licensed under the MIT License. See the LICENSE file for more details.

License

This project is licensed under the MIT License. See the LICENSE file for more details or visit the MIT License page.