vue-roaster

toasters

Toast alerts (initially developed for Vue.js with a material-design style)

Installation

npm install --save --production toasters

Usage

HTML:

<div id="toasts-container" class="position-right position-bottom"></div>

JS:

import Toast from "toasters";

new Toast({
	content: "Hello World",
	persistant: true
});

Preview:

Potential future additions

• Design improvements
• Error handling (i.e. you haven't provided any content for the toast)
• Ability to parse markdown or html
• Ability to change to persistent
• Small reaction to drag e.g. push it over the edge

Contributing

# install dependencies
npm install

# watch files for changes wtih webpack
npm run dev

# build for production with minification
npm run build