Angular Notification
Angular notification is an easy to use module to manage notifications in your app.
Installation
npm install angular-ntf
Import NotificatioModule
import { NotificationModule } from 'angular-ntf';
Api [ version 1.0.0 ]
Angular Notifications allows multiple configuration settings through component properties:
[text] String = Mandatory - Is the text of the notification. It can contain html code.
[show] boolean = Mandatory. Sets if the visibility state of the notification. Used to toggle the visibility state hidden if false, visible if true.
[title] String = Optional - If a value is provided the header section of the notification is shown with the provided title
[showOk] boolean = Optional - False by default. Shows or hides the Ok button.
[okText] String = Optional - 'Ok' by default. Sets an alternative text to the Ok button.
[showCancel] boolean = Optional - False by default. Shows or hides the Cancel button.
[cancelText] String = Optional - 'Cancel' by default. Sets an alternative text to the Cancel button.
[type] String = Optional - 'success' by default. Sets the type of notification. Available options: ['success', 'info', 'warning', 'error'];
[style] String = Optional - 'rounded' by default. Sets the style of the notification. Available options: ['rounded', 'square'].
[okCallback] EventEmitter() - Sets the callback for the ok button.
[closeCallback] EventEmitter() - Sets the callback for the close button
[cancelCallback] EventEmitter() - Sets the callback for the cancel button.
Examples
A Medium post was created in order to provide more inforamtion and examples of usage!
https://medium.com/frontend-fun/angular-notification-198e1e0719a1