# 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>