Getting Started


Default Animations

Grow
Bounce
Shake
Bounce on disappear

Custom style and animations

JS
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


Pill Shape


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

...