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