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

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 usage, please go to the official website.