# Install

```shell
npm i @mate-vue/notification
```

# Import

```vue
<script setup>
import { MateNotification } from '@mate-vue/notification';
</script>
```

# Variants

## Information

```vue
<template>
  <MateNotification text="Sie verwenden nun die Softwareversion 2.0." :duration="5000" position="top-center" v-model:opened="opened"></MateNotification>
</template>
```

## Success

```vue
<template>
  <MateNotification text="Der Datensatz wurde gespeichert." theme="success" :duration="5000" position="top-center" v-model:opened="opened"></MateNotification>
</template>
```

## Warning

```vue
<template>
  <MateNotification text="Ihr Passwort läuft in 5 Tagen ab." theme="warning" :duration="5000" position="top-center" v-model:opened="opened"></MateNotification>
</template>
```

## Error

```vue
<template>
  <MateNotification text="Der Datensatz konnte nicht gespeichert werden." theme="error" :duration="0" position="top-center" v-model:opened="opened"></MateNotification>
</template>
```