1. vue-notification-ui

vue-notification-ui

Vue Notification UI

Alt

A simple notification ui with Vuejs

Installation

npm install vue-notification-ui --save

Usage

 import Vue from 'vue'
import notification from 'vue-notification-ui'

Vue.use(notification, {
  position: 'notification-top-right', // top, bottom, left, right
  duration: 5000, // default
  left: 20, // default
  bottom: 20, // default
  top: 20, // default
  right: 40 // default
})


// call $notification api
this.$notification(
  'Good job!', 
  'You clicked the button!',
  'success', 
  async () => {
    console.log('Clicked notification')
  }, 
  'A minute ago'
)

Notification options

params default description
title string: required: true
body string: required: true
icon string: optional - absolute file image
- success
- info
- warning
- danger
callback function: optional
time string: optional A minutes ago