Version:

Install ​

shell
npm i @mate-angular/notification-bar

Import ​

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

Variants ​

Default ​

html
<mate-notification-bar-ng>
  <span>Notification message</span>
</mate-notification-bar-ng>

Info ​

html
<mate-notification-bar-ng theme="info">Info message</mate-notification-bar-ng>

With close button ​

html
<mate-notification-bar-ng close-button-visible>Close me</mate-notification-bar-ng>