A Beautiful Notification Library For Vue.js 3


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!”,

The post A Beautiful Notification Library For Vue.js 3 appeared first on Lipku.com.

Flatlogic Admin Templates banner