Growl notifications for AngularJS
Think Growl, but in AngularJS directives. Oh, and Bootstrap compatible too.
- Very small download size (<2KB)
- Open source
- Free (MIT license)
Plug and play
No JavaScript programming required
Create Mac OS X like pop-up notifications from anywhere in your markup using a simple directive.
<growl-notification>
Hello world
</growl-notification>Essential compatibility
Supports expressions
to create personalized notifications
Embed AngularJS expressions in your notifications to create personalized messages. Growl notifications for AngularJS will make sure the correct scope is applied so you don't have to worry about it.
<growl-notification>
Hello {{name}}
</growl-notification>Supports HTML
to embed custom markup
Use HTML in your notifications to tailor the content of your messages to your needs.
<growl-notification>
Hello <strong>{{name}}</strong>
</growl-notification>Pixel perfect control
Supports animations
for modern interfaces
Automatically integrates with the AngularJS animation service to bring your notifications to life.
growl-notification.ng-enter{
...
}
growl-notification.ng-enter.ng-enter-active{
...
}
growl-notification.ng-leave{
...
}
growl-notification.ng-leave.ng-leave-active{
...
}Supports CSS
to customize look and feel
Style the notifications using standard CSS to integrate them visually with your existing web application.
growl-notification{
background: white;
}Optimized
for performance
Very small download size (<2KB)
Free
MIT license
Use it in all your projects for free