Growl-like notifications with an emphasis on icons
iGrowl is a lightweight jQuery plugin that generates growl-like notifications with an emphasis on icons. Alerts are fully responsive and CSS animations are used to provide optimal performance.The plugin also includes 4 optional icon packs.
For full documentation, see iGrowl.
iGrowl has 3 dependencies:
All icon packs have been compiled using Icomoon app.
To install, grab the necessary iGrowl files from dist
.
<!-- dependencies: jQuery + animate.css -->
<link rel="stylesheet" href="stylesheets/animate.min.css">
<script src="javascript/jquery.min.js">
<!-- iGrowl CSS + JS -->
<link rel="stylesheet" href="stylesheets/igrowl.min.css">
<script src="javascript/igrowl.min.js">
<!-- at least one of the following icon stylesheets: -->
<link rel="stylesheet" href="stylesheets/font css/vicons.css">
<link rel="stylesheet" href="stylesheets/font css/feather.css">
<link rel="stylesheet" href="stylesheets/font css/steadysets.css">
<link rel="stylesheet" href="stylesheets/font css/linecons.css">
Also, include the respective font files (eg: igrowl-feather.eot
, igrowl-feather.svg
, igrowl-feather.ttc
, etc.).
Note: you may need to change the icon css paths to the font files depending on how your project is organized.
To install via Bower:
$ bower install igrowl
To generate an iGrowl alert, simply call it by:
$.iGrowl({
message: "Hello world!",
// other options
})
For a full list of properties and methods, demos and examples, see iGrowl official documentation.
Features I plan on adding:
If you have any suggestions or requests, open a ticket or feel free to send me an email.
iGrowl is licensed under the MIT license (http://opensource.org/licenses/MIT).
If you find any bugs, have feature requests, or would like to contribute - either send me a pull request or open a ticket and I'll do my best to address it.
Contributors: