Make it possible to render react component within the notification

README.md

@@ -94,6 +94,7 @@ The notification object has the following properties:
 |------------  |---------------  |---------  |-------------------------------------------------------------------------------------------------------------------------------------------------------------------------  |
 | title        | string          | null      | Title of the notification                                                                                                                                                 |
 | message      | string          | null      | Message of the notification                                                                                                                                              |
+| getContentComponent        | function          | null      | Return a React component to display in the notification (override other settings)                                                                                                                                                 |
 | level        | string          | null      | Level of the notification. Available: **success**, **error**, **warning** and **info**                                                                                    |
 | position     | string          | tr        | Position of the notification. Available: **tr (top right)**, **tl (top left)**, **tc (top center)**, **br (bottom right)**, **bl (bottom left)**, **bc (bottom center)**  |
 | autoDismiss  | integer         | 5         | Delay in seconds for the notification go away. Set this to **0** to not auto-dismiss the notification                                                                      |

src/NotificationItem.jsx

@@ -241,6 +241,8 @@ var NotificationItem = React.createClass({
     var actionButton = null;
     var title = null;
     var message = null;
+    var content;
+    var getContentComponent = notification.getContentComponent;
 
     if (this.state.visible) {
       className = className + ' notification-visible';
@@ -304,12 +306,20 @@ var NotificationItem = React.createClass({
       );
     }
 
+    if (getContentComponent) {
+      content = getContentComponent(notification.uid);
+    } else {
+      content = [
+        title,
+        message,
+        dismiss,
+        actionButton
+      ];
+    }
+
     return (
       <div className={ className } onClick={ this._dismiss } onMouseEnter={ this._handleMouseEnter } onMouseLeave={ this._handleMouseLeave } style={ notificationStyle }>
-        { title }
-        { message }
-        { dismiss }
-        { actionButton }
+        { content }
       </div>
     );
   }

src/constants.js

@@ -26,7 +26,8 @@ var CONSTANTS = {
     position: 'tr',
     autoDismiss: 5,
     dismissible: true,
-    action: null
+    action: null,
+    getContentComponent: null
   }
 };