missile-box

missile-box

Flat, responsive, lightweight, fast, easy customizable modal window plugin.

Install

npm install missile-box

Usage

var Box = require('missile-box');

// Dialog
var box = new Box({
	title: 'Dialog Title',
	animate: 'fadeIn',
	before: function() {
		console.log('before', this);
	},
	done: function () {
		console.log('done', this);
	},
	ok: function (e) {
		alert('clicked ok button');
		console.log(this, e.currentTarget);
	},
	cancel: function (e) {
		alert('clicked cancel button');
		console.log(this, e.currentTarget);
	}
});

// Confirm
var box = new Box({
	title: 'Confirm Tips',
	subTitle: 'Are you sure you want to do this?',
	type: 'confirm',
	animate: 'fadeIn',
	done: function () {
		console.log('done', this);
	},
	ok: function (e) {
		alert('clicked ok button');
		console.log(this, e.currentTarget);
	},
	cancel: function (e) {
		alert('clicked cancel button');
		console.log(this, e.currentTarget);
	}
});

// Alert
var box = new Box({
	title: 'Alert Tips',
	subTitle: 'Missile Fired!',
	type: 'alert',
	animate: 'fadeIn',
	done: function () {
		console.log('done', this);
	},
	ok: function (e) {
		alert('clicked ok button');
		console.log(this, e.currentTarget);
	}
});