Material Design Flexible Modal, Confirm & Prompt jQuery Plugin – jquery-mdl

Flexible modal, confirm & prompt jquery plugin.
MDL is a lightweight jQuery plugin used for displaying Google Material Design styled modal windows or dialog boxes on the webpage. A great alternative to the native JavaScript’s alert / prompt / confirm dialog popups.

Libraries

Include following libraries on page.

Create simple modal using js configuration

modal by js


	

			
Rohit Kumar
			
Hello, I hope you are doing well, My name is Rohit Kumar and I am Programmer, Analyst, Blogger and Technology freak based in New Delhi, India.
	

open simple modal box by setting data attribute

Simple modal fullscreen - Config by datas


	


			
			
Rohit Kumar
			
Hello, I hope you are doing well, My name is Rohit Kumar and I am Programmer, Analyst, Blogger and Technology freak based in New Delhi, India.
	

Confirm Box

confirm

$('.btns-confirm').mdl({
	type:'confirm',
	fullscreen:false,
	overlayClick:false,
	content:"Are you sure?"
}, function(result){
	alert("result:" + result);
});

Prompt Box

Prompt

$('.btns-prompt').mdl({
	type:'prompt',
	overlayClick:false,
	content:"what is the color of the white horse?"
}, function(result){
	alert("result:" + result);
});

See live demo and download source code.

DEMO | DOWNLOAD

This awesome plugin is developed by hellointeractiv. Visit their official github repository for more information and follow for future updates.