Description:
vt-notifications is a customizable headless Vue notification component built for Tailwind framework.
Basic usage:
1. Import the vt-notifications component.
import Vue from "vue"; import Notifications from "vt-notifications";
2. Register the component globally.
Vue.use(Notifications);
3. Create a single notification popup or notification group as follows:
<notificationGroup group="myGroup1">
// wrapper box
<notification v-slot="{notifications}">
notification layout
</notification>
</notificationGroup>
<notificationGroup group="myGroup2">
// wrapper box
<notification v-slot="{notifications}">
notification layout
</notification>
</notificationGroup>
...4. Show the notification on the app.
this.$notify({
group: "myGroup1",
title: "Title",
text: "Notification Message",
type: "info" // info, warning
},
5000
);Preview:
Download Details:
Author: sansil
Live Demo: https://codesandbox.io/s/vue-tailwind-notifications-i4tgd?file=/src/App.vue
Download Link: https://github.com/sansil/vt-notifications/archive/master.zip
Official Website: https://github.com/sansil/vt-notifications
Install & Download:
# Yarn
$ yarn add vt-notifications
# NPM
$ npm i vt-notifications --save