A Beautiful Notification Library For Vue.js 3

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

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

Flatlogic Admin Templates banner

Leave a Reply

Your email address will not be published. Required fields are marked *