yeah! an open source project

atomic notifications for angular.js!

…are simple but strong growl notifications to be used in any angular project.

You wan to start using it? Go fork me on github!

Watch Star Fork

Fork me on GitHub

Demo

Demo

quick samples.

Here you can find the 5 types of notifications that you can use in your own project, enjoy it!

install

Using bower

1
bower install angular-atomic-notify
usage
  • Include in your project
1
2
<link rel="stylesheet" type="text/css" href="src/angular-atomic-notify.css">
<script type="text/javascript" src="src/angular-atomic-notify.js"></script>
  • Include the module into your own application:
1
angular.module('sample', ['atomic-notify']);
  • Add the directive to your project:
1
<ng-atomic-notify></ng-atomic-notify>
  • you can customize 100% the template with your own HTML
1
<ng-atomic-notify custom-template="custom.html"></ng-atomic-notify>
code

Methods

1
2
3
4
atomicNotify.info(message, delay);
atomicNotify.error(message, delay);
atomicNotify.success(message, delay);
atomicNotify.warning(message, delay);
  • using atomicNotify.custom you can specifc the icon that you want to use in the notification:
1
atomicNotifyService.custom(type, message, iconClass, delay);

Provider

1
2
3
4
.config(['atomicNotifyProvider', function(atomicNotifyProvider){
    atomicNotifyProvider.setDefaultDelay(5000);
    atomicNotifyProvider.useIconOnNotification(true);
}])