Angular ngx Bootstrap Alerts As Notifications Plugin

ngx bootstrap alert notification is an Angular component for creating notification popups using Bootstrap alert components.

angular alert popup, angular alert dialog, ng bootstrap alert, angular alert popup example, angular material alerts, angular alert box

A Tiny Javascript Library for Popup Notification | Notifast

Table of Contents

How to make use of it:

Installation:

$ npm install @benevideschissanga/ngx-bootstrap-alert-notification --save

To use ngx-bootstrap-alert-notification.

this.notificationService.show(
  {
    type: 'danger',
    message:
      'This is a notification with close button and icon and can have many lines.',
    icon: 'icon icon-bell-55',
    title: 'Danger',
  },
  {
    position: 'topRight',
  }
)

NotificationData

Property Name	Property Type	Property Value
type	NotificationType	`warning`, `success`, `primary`, `info`, `danger`
title	string	Title for the alert
icon	string	Icon class name
message	string	Message to display
template	TemplateRef	Custom template

NotificationConfig

You can pass custom configs

Property Name	Property Type	Property Value
position	string	`topLeft`, `topCenter`, `topRight`, `bottomLeft`, `bottomCenter`, `bottomRight`
animation	boolean	Should be animated or not
timeOut	number	Delay time to auto close the alert
dismissible	boolean	Should auto close or not
unique	boolean	Dont show duplicated messages if true