Test file added

2026-08-20 12:00:53 +08:00 · 2015-12-15 21:05:47 +02:00
parent 08f607cb8b
commit 13a6bf3c0f
1 changed files with 62 additions and 0 deletions
@@ -0,0 +1,62 @@
+/// <reference path="react-notification-system.d.ts" />
+/// <reference path="../react/react.d.ts" />
+
+import React = require('react');
+import NotificationSystem = require('react-notification-system');
+
+
+class MyComponent extends React.Component<any, any> {
+    private notificationSystem: NotificationSystem.System = null;
+
+    private notification: NotificationSystem.Notification = {
+        message: 'Notification message',
+        level: 'success',
+        action: {
+            label: "Button inside this notification",
+            callback: () => {
+                this.notificationSystem.removeNotification(this.notification);
+            }
+        }
+    };
+
+    private addNotification() {
+        this.notification = this.notificationSystem.addNotification(this.notification);
+    }
+
+    componentDidMount() {
+        this.notificationSystem = this.refs['notificationSystem'] as NotificationSystem.System;
+        this.addNotification();
+    }
+
+    render() {
+
+        var style = {
+            NotificationItem: { // Override the notification item 
+                DefaultStyle: { // Applied to every notification, regardless of the notification level 
+                    margin: '10px 5px 2px 1px'
+                },
+
+                success: { // Applied only to the success notification item 
+                    color: 'red'
+                }
+            }
+        };
+
+        var attributes: NotificationSystem.Attributes = {            
+            style: {
+                Containers: {
+                    DefaultStyle: {
+                        margin: '10px 5px 2px 1px'
+                    }
+                },
+                Title: {
+                    success: {
+                        color: 'green'
+                    }
+                }
+            }
+        };               
+
+        return React.createElement(NotificationSystem, { title: "NotificationTitile", style: style, } as NotificationSystem.Attributes);
+    }
+}