README.md

NgAlertBox

This library was generated with Angular CLI version 12.2.0.

ng-alert-box-popup

ng-alert-box-popup is an Angular library that provides a customizable alert box component with support for different types of alerts using SweetAlert2.

Installation

To use ng-alert-box-popup in your Angular project, follow these steps:

1. Install the library using npm:

   npm install ng-alert-box-popup
   

   npm i sweetalert2@7.33.1

2.Import the NgAlertBoxModule into your application's Components:

import {NgAlertBoxComponent} from "ng-alert-box-popup";

Usage

Once you've imported the NgAlertBoxModule into your application, you can use the NgAlertBoxComponent to display different types of alerts:

Import the NgAlertBoxService in your component:

import { Component } from '@angular/core';
import { NgAlertBoxService } from 'ng-alert-box-popup';

@Component({
selector: 'app-root',
template: `
  <button (click)="showSuccessAlert()">Show Success Alert</button>
  <button (click)="showErrorAlert()">Show Error Alert</button>
`
})
export class AppComponent {

constructor(private alerts: NgAlertBoxService) {}

showSuccessAlert() {
   this.alerts.dialog('I','Example Error');
}

showErrorAlert() {
   this.alerts.dialog('I','Example Error');
}
}

 this.alerts.dialog('I','Example Error');

License

This library is released under the MIT License. See LICENSE for details.

Contributing

We welcome contributions from the community. Please read our Contribution Guidelines for more information.

If you encounter any issues or have questions, please feel free to open an issue in our GitHub repository.

Happy coding!

https://github.com/kavindyasinthasilva/ng-alert-box