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.
