Default Animations
Grow
Bounce
Shake
Bounce on disappear
Custom style and animations
CSS
.custom-style .angular-notification-icons-icon {
left: -10px;
background: yellow;
color: black;
width: 30px;
height: 30px;
font-weight: bolder;
font-size: 1.2em;
}
.angular-notification-icons-icon.my-custom-animation {
transition:0.5s linear all;
}
.angular-notification-icons-icon.my-custom-animation-add {
background: black;
color: white;
}
.angular-notification-icons-icon.my-custom-animation-add-active {
background: yellow;
color: black;
}
DOM Events
Hidden Counter
Always Show
Usage
1. Install bower component
bower install angular-notification-icons --save
2. Add css and script
3. Add a dependency to your app
angular.module('MyApp', ['angular-notification-icons']);
4. Add a notification-icon element around any other element
...