New addOnTop prop

Author: burtek

README.md

@@ -218,6 +218,16 @@ Using this method you have to take care of **every style**, from containers posi
 
 See [#74](https://github.com/igorprado/react-notification-system/issues/74) for more details.
 
+### Appending/Prepending notifications
+
+You can control where should new notification appear (on the top or bottom of current notifications, defaults to bottom) by setting `newOnTop` boolean prop on `<NotificationSystem />` component:
+
+```js
+<NotificationSystem ref="notificationSystem" newOnTop={true} />
+```
+
+This will render new notifications on top of current ones
+
 ## Roadmap
 
 * Improve tests and coverage

src/NotificationSystem.jsx

@@ -94,14 +94,16 @@ var NotificationSystem = createReactClass({
       PropTypes.object
     ]),
     noAnimation: PropTypes.bool,
-    allowHTML: PropTypes.bool
+    allowHTML: PropTypes.bool,
+    newOnTop: PropTypes.bool
   },
 
   getDefaultProps: function() {
     return {
       style: {},
       noAnimation: false,
-      allowHTML: false
+      allowHTML: false,
+      newOnTop: false
     };
   },
 
@@ -143,7 +145,12 @@ var NotificationSystem = createReactClass({
       }
     }
 
-    notifications.push(_notification);
+    if (this.props.newOnTop) {
+      notifications.unshift(_notification);
+    } else {
+      notifications.push(_notification);
+    }
+    
 
     if (typeof _notification.onAdd === 'function') {
       notification.onAdd(_notification);