A javascript default alert()
and prompt()
replacement.
Inspired by sweetAlert but custom implementation.
-
Just download the latest zip of blurt.
-
Or install using
bower install blurt
. -
And link the
blurt.min.css
andblurt.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 });
- 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
orsass/*.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 .
Report issues here.
- Uses css animations which may not be supported in old browsers.
- 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.
MIT License