Direct Download / CDN provides npm-based CDN links. The above link will always point to the latest release on npm. You can also use a specific version/tag via URLs like

Include vue-snotify after Vue and it will install itself automatically:

<script src="/path/to/vue.js"></script>
<script src="/path/to/vue-snotify.js"></script>



npm install vue-snotify


yarn add vue-snotify

When used with a module system, you must explicitly install the vue-snotify via Vue.use():

Import Plugin

You don't need to do this step when using global script tags.

Use Snotify, into your core App.

import Snotify from 'vue-snotify'; // 1. Import Snotify
// 2. Use Snotify
// You can pass {config, options} as second argument. See the next example or setConfig in [API] section 

Here is a more advanced example including passing config and options:

// Place the following into its own module file for easy import.
import Vue from 'vue'
import Snotify, { SnotifyPosition } from 'vue-snotify'

const options = {
  toast: {
    position: SnotifyPosition.rightTop

Vue.use(Snotify, options)

Add selector

Add vue-snotify component to your template

    <h1>My app!</h1>

Import Styles

You can find this information - here

results matching ""

    No results matching ""