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:July 15, 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.

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!",
});