toastik
v0.1.19
Published
Simple dependancies-free javascript toast notifications library
Downloads
26
Maintainers
Readme
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
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' ] });
API
API docs here