Version:

Install ​

shell
npm i @mate-react/notification

Import ​

tsx
import { MateNotification } from '@mate-react/notification';

Variants ​

Information ​

tsx
<MateNotification duration={5000} position="top-center" opened={opened} onOpenedChanged={e => setOpened(e.detail.value)}>
  Sie verwenden nun die Softwareversion 2.0.
</MateNotification>

Success ​

tsx
<MateNotification theme="success" duration={5000} position="top-center" opened={opened} onOpenedChanged={e => setOpened(e.detail.value)}>
  Der Datensatz wurde gespeichert.
</MateNotification>

Warning ​

tsx
<MateNotification theme="warning" duration={5000} position="top-center" opened={opened} onOpenedChanged={e => setOpened(e.detail.value)}>
  Ihr Passwort läuft in 5 Tagen ab.
</MateNotification>

Error ​

tsx
<MateNotification theme="error" duration={0} position="top-center" opened={opened} onOpenedChanged={e => setOpened(e.detail.value)}>
  Der Datensatz konnte nicht gespeichert werden.
</MateNotification>