@kuy472013/vue-notification v1.0.7

Vue.js Notification

Setup

package install

npm install --save @kuy472013/vue-notification

main.js

import { createApp } from 'vue'
import App from './App.vue'
import Notifications from '@kuy472013/vue-notification'

const app = createApp(App)
app.use(Notifications)

App.vue

<Notification />

Usage

You can show notifications by calling the registered view plugin.

<template>
  <div id='app'>
    <button @click='test()'>test</button>
  </div>
</template>

<script>
export default {
  name: 'App',
  methods: {
    test: function () {
      this.$notification()
    }
  }
}
</script>

Props

Common notification settings can be changed using props.

<Notification
  position='left-bottom'
  :duration=5000
/>

API

API provided by notification plugin.

app.$notification({
  type: 'success',
  classes: 'customStyle',
  contents: message,
})