vue-notie's Introduction

vue-notie

A Vue.js plugin wrapper for the awesome Notie.js https://github.com/jaredreich/notie

Installation

Install through npm

npm install vue-notie --save

Include in <body> after loading Vue and it will automatically hook into Vue

<script src="/node_modules/vue-notie/src/vue-notie.js'"></script>

<!-- don't forget to add the notie.js stylesheet  -->

<link rel="stylesheet" href="/node_modules/notie/dist/notie.css">

Or do it the cool way and load it in your main.js/app.js

// Require dependencies
var Vue = require('vue');
var VueNotie = require('vue-notie');
// Tell Vue to use the plugin
Vue.use(VueNotie);

Don't forget to import the css or sass in your stylesheet compilation

@import "notie/notie.scss";

Usage

The pluging makes the normal notie.js module accessible through calling this.$notie

Example

// From some method in one of your Vue components
this.$notie.alert(1, 'Hello world!', 3);
// This will create a green alert box with the text Hello World! lasting for 3 seconds.

For more Examples go and read the Notie.js documenation: https://github.com/jaredreich/notie

Thanks for using the plugin, I am happy to accept feedback/pull requests, don not forget to star The Notie.js repo!

Happy Coding! :D

vue-notie's People

Contributors

vue-notie's Issues

Transfer for official maintenance?

Awesome, awesome, awesome. Thanks for creating this. Would you be willing to transfer ownership of this repo to me and I'll officially maintain it alongside notie? (I'm currently working on a large-scale Vue.js app). For your own benefit you should stay credited in the README.md

If so, check this out:
https://help.github.com/articles/transferring-a-repository-owned-by-your-personal-account/