Notification

Examples

It generates a notification with the vuesax function ($Notification.notify), to use the instance of the notification it is necessary to save it in a variable, for example if you need to close the notification manually or do other functionalities with the instance

<template>
  <v-button type="primary" pill @click="notify">Simplest Notification</v-button>
  <v-button type="primary" pill @click="notify2"
    >No Auto-dismiss Notification</v-button
  >
</template>

<script setup>
import { Notification } from 'vancedvue';

// example with callback
// pass a String as the notification content
function notify() {
  Notification.notify('This is a simple notify msg.', () => {
    // callback after dismissed
    console.log('dismissed');
  });
}

// example with Promise and options
function notify2() {
  Notification.notify({
    title: 'Title',
    content: 'This notification will not dismiss automatically.',
    duration: 0,
  }).then(() => {
    // resolve after dismissed
    console.log('dismissed');
  });
}
</script>