Version:

Install ​

shell
npm i @mate-angular/notification

Import ​

typescript
import { MateNotificationComponent } from '@mate-angular/notification';

Variants ​

Default ​

html
<mate-notification-ng [opened]="opened" (openedChange)="opened = $event">
  <ng-template>
    <span>Notification message</span>
  </ng-template>
</mate-notification-ng>

Success ​

html
<mate-notification-ng theme="success" [opened]="opened">
  <ng-template>
    <span>Successfully saved!</span>
  </ng-template>
</mate-notification-ng>

Error ​

html
<mate-notification-ng theme="error" [opened]="opened">
  <ng-template>
    <span>An error occurred</span>
  </ng-template>
</mate-notification-ng>