#7 Add title option to notifications

BinarCode · Sep 17, 2017 · 0af1e46 · 0af1e46
1 parent 2f743d0
commit 0af1e46
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/src/Notification.js b/src/Notification.js
@@ -2,6 +2,7 @@ export default {
     name: 'notification',
     props: {
         message: String,
+        title: String,
         icon: String,
         verticalAlign: {
             type: String,
@@ -13,7 +14,7 @@ export default {
         },
         horizontalAlign: {
             type: String,
-            default: 'center',
+            default: 'right',
             validator: (value) => {
                 let acceptedValues = ['left', 'center', 'right']
                 return acceptedValues.indexOf(value) !== -1
@@ -104,7 +105,8 @@ export default {
                     this.icon && <span data-notify="icon" class={['alert-icon', this.icon]}></span>
                 }
                 <span data-notify="message">
-            {this.message !== undefined && this.message}
+                    {this.title !== undefined && <span class="title"><b>{this.title}<br/></b></span>}
+                    {this.message !== undefined && this.message}
                     {this.component !== undefined &&
                     <this.component></this.component>}
         </span>

diff --git a/src/Notifications.js b/src/Notifications.js
@@ -34,6 +34,7 @@ export default {
                     verticalAlign={notification.verticalAlign}
                     icon={notification.icon}
                     message={notification.message}
+                    title={notification.title}
                     timeout={notification.timeout}
                     type={notification.type}
                     component={notification.component}