@fahrettinriza/v-notification

Install

npm

npm install @fahrettinriza/v-notification

yarn

yarn add @fahrettinriza/v-notification

use of package container on page

<script>
import { vRender } from 'v-notification'
export default {
  mounted () {
    vRender()
  }
}
</script>

// Or

<template>
  <vRender />
</template>

<script>
import { vRender } from 'v-notification'
export default {
  components: {
    vRender
  }
}
</script>

Use of message types

<template></template>
<style></style>
<script>
// The values that the position definition can take: 
// top-right, top-center, top-left, center, bottom-left, bottom-center, bottom-right
import { success, danger, warning, info, light, primary } from 'v-notification'
export default {
  mounted () {
    this.isOk()
  },
  methods: {
    isOk() {
      success({
        title: 'success!',
        message: 'test message',
        position: 'bottom-center'
      })
      danger({
        title: 'danger!',
        message: 'test message',
        position: 'bottom-center'
      })
      warning({
        title: 'warning!',
        message: 'test message',
        position: 'bottom-center'
      })
      info({
        title: 'info!',
        message: 'test message',
        position: 'bottom-center'
      })
      light({
        title: 'light!',
        message: 'test message',
        position: 'bottom-center'
      })
      primary({
        title: 'primary!',
        message: 'test message',
        position: 'bottom-center'
      })  
    }
  }
}
</script>

License

MIT © Fahrettin Rıza Ergin