A Beautiful Notification Library For Vue.js 3

Category: Vue.js Vue.js Notifications | July 15, 2021
Author: kyvg
Official Page: Go to website
Last Update: August 2, 2021
License: MIT

vuejs notifications library

Description:

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.

You may also check:

How can I use it?

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

#npm
npm install --save @kyvg/vue3-notification

#yarn
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({...})
app.use(Notifications)

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
this.$notify({
  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";

notify({
  title: "Authorization",
  text: "You have been logged in!",
});