Version:

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>