Easy to use vue notification, customizable notification/toast library built with Vue3.
javascript toast library, toast notification example, toast notification github, toast library android, javascript toast message example, toast notification vue
Bootstrap Notification Message Alert Plugin with jQuery | Bootstrap Msg
How to make use of it:
Install and download:
# Yarn $ yarn add @dafcoe/vue-notification # NPM $ npm i @dafcoe/vue-notification
1. Import vue-notification.
// Globally import VueNotificationList from '@dafcoe/vue-notification' import '@dafcoe/vue-notification/dist/vue-notification.css' const app = createApp(App) app.use(VueNotificationList).mount('#app') // Or Locally import { VueNotificationList } from '@dafcoe/vue-notification' import '@dafcoe/vue-notification/dist/vue-notification.css'
2. Add the <vue-notification-list> component to the template and set the position:
<vue-notification-list position=βtop-leftβ></vue-notification-list>
3. Push notification.
import { useNotificationStore } from '@dafcoe/vue-notification' const { setNotification } = useNotificationStore(OPTIONS) setNotification(myNotification)
4. Available options.
{ "message": "Notification Message", "type": "info"|"warning"|"alert"|"success", "showIcon": true, "dismiss": { "manually": false, "automatically": true }, "duration": 5000, "showDurationProgress": true, "appearance": "light"|"dark"|"glass" }
Headless Vue Notification Library for Use With Tailwind | vt-notifications
Notification/Toast Library, vue-notification Plugin/Github, toast notification jquery
See Demo And Download
Official Website(dafcoe): Click Here
This superior jQuery/javascript plugin is developed by dafcoe. For extra Advanced Usages, please go to the official website.
Be First to Comment