Checkout a similar project medium-style-confirm having a cleaner interface.

Blurt

A javascript default alert() and prompt() replacement. Inspired by sweetAlert but custom implementation.

Visit blurt project site

Installation

• Just download the latest zip of blurt.

• Or install using bower install blurt.

• And link the blurt.min.css and blurt.min.js files in your webpage.

  <link rel="stylesheet" href="blurt.min.css">
  <script src="blurt.min.js"></script>
  

• After page load, show the blurt using: blurt('Your message here.')

• To use prompt() equivalent, do this:

  brompt('Prompt title', function(val){
  	//use the val here
  });
  

Development

• Clone the project git clone https://github.com/brijeshb42/blurt.git.
• Then cd into blurt directory.
• npm install installs the node modules required during development.
• Runnig grunt command initialises dev files and watches for changes made to blurt.js and scss files.
• Make your changes to src/js/blurt.js or sass/*.scss.
• After making changes, grunt dist creates the final minified css and js files in dist directory.
• Use the generated blurt.min.js and blurt.min.css in your web page to use blurt .

Issues

Report issues here.

Bugs-to-fix

• Uses css animations which may not be supported in old browsers.

Todo

• Implement icons for each of the blurt types, i.e, success, info, error and warning.
• Implement fadeIn and fadeOut to support older browsers which do not support css animation.

License

MIT License