Press "Enter" to skip to content

Customizable Notification/Toast Library Built Using Vue3

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

    Leave a Reply

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