A Beautiful Notification Library For Vue.js 3

Category: Vue.js Vue.js Notifications | July 15, 2021
Official Page:Go to website
Last Update:July 15, 2021

vuejs notifications library


A beautiful notification library for Vue.js 3 that, enables you to create animated notifications in your application with features like, close button, custom templates and custom styles, and its easy to integrate in your project.

How can I use it?

1. You will need to install the component with npm or yarn.

npm install --save @kyvg/vue3-notification

yarn add @kyvg/vue3-notification

2. Add the dependencies in your main.js. Like this:

import { createApp } from 'vue'
import Notifications from '@kyvg/vue3-notification'

const app = createApp({...})

3. Now, add the global component to your App.vue. Like following.

<notifications />

4. Now, you will need to write the code that will trigger notifications from your .vue files.

#basic method
this.$notify("Hello user!");

#with options
  title: "Important message",
  text: "Hello user!",

5. Or, you may want to trigger notifications from other files then you should do like this.

import { notify } from "@kyvg/vue3-notification";

  title: "Authorization",
  text: "You have been logged in!",