Toastik NPM | npm.io

DISCLAIMER

The library is under development. This note will disappear, when it will be usable. Description below is desirable goal. Check out roadmap

toastik

Simple dependancies-free bootstrapy-looking javascript toast notifications library.
Inspired by toastr with no desire to use jQuery or any other framework.
No css-files are required.

Developed with ES6 compiled by babel using webpack

Demo

bezdonas.github.io/toastik

Installation

toastik can be installed as an npm package:

npm install --save toastik

...or as bower package:

bower install toastik

Want something simple and old-style? Serve it from CDN, or download and host locally:

<script src="link.to.cdn/toastik.min.js"></script>

Basic usage

Setup

// import toastik after installing it as an npm-package using ES6 modules
import toastik from 'toastik';

// ...or as AMD module
var toastik = require('toastik');

If you served it from CDN or as bower package, then you'll just get your toastik as global variable.

Usage examples

// Success toast with no title
toastik.success('Hello world!');

// Warning toast
toastik.warning('Your toast has burned :(');

// Error toast with title
toastik.error('I am an error message', 'Achtung!');

// Info toast with title and custom options
toastik.info('I am going to stay here for some long time', 'Hey!', { delay: 100500 });

// toastik will also get it, if you'll pass options as second argument, without title
toastik.success('Blink!', { delay: 1000, corner: [ 'bottom', 'left' ] });