From 0861a0abc9150bea8881e7e80bdbb2eea7b2ba30 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tu=C4=9F=C3=A7e=20K=C3=BC=C3=A7=C3=BCko=C4=9Flu?=
 <tugcekucukoglu.860@gmail.com>
Date: Mon, 2 Nov 2020 11:24:48 +0300
Subject: [PATCH] add inline message to views

---
 src/views/message/MessageDemo.vue | 17 +++++++++++++++++
 src/views/message/MessageDoc.vue  | 17 +++++++++++++++++
 2 files changed, 34 insertions(+)

diff --git a/src/views/message/MessageDemo.vue b/src/views/message/MessageDemo.vue
index 50bf6d68e..b8aff05fa 100755
--- a/src/views/message/MessageDemo.vue
+++ b/src/views/message/MessageDemo.vue
@@ -21,6 +21,23 @@
                     <Message v-for="msg of messages" :severity="msg.severity" :key="msg.content">{{msg.content}}</Message>
                 </transition-group>
 
+                <h5>Inline Messages</h5>
+                <p>Message component is used to display inline messages mostly within forms.</p>
+                <div class="p-grid">
+                    <div class="p-col-12 p-md-3">
+                        <InlineMessage severity="info">Message Content</InlineMessage>
+                    </div>
+                    <div class="p-col-12 p-md-3">
+                        <InlineMessage severity="success">Message Content</InlineMessage>
+                    </div>
+                    <div class="p-col-12 p-md-3">
+                        <InlineMessage severity="warn">Message Content</InlineMessage>
+                    </div>
+                    <div class="p-col-12 p-md-3">
+                        <InlineMessage severity="error">Message Content</InlineMessage>
+                    </div>
+                </div>
+
                 <h5>Auto Dismiss</h5>
                 <Message severity="warn" :life="3000" :sticky="false">This message will hide in 3 seconds.</Message>
 
diff --git a/src/views/message/MessageDoc.vue b/src/views/message/MessageDoc.vue
index 0606ebf00..ea8d027cc 100755
--- a/src/views/message/MessageDoc.vue
+++ b/src/views/message/MessageDoc.vue
@@ -260,6 +260,23 @@ import InlineMessage from 'primevue/inlinemessage';
 &lt;h5&gt;Auto Dismiss&lt;/h5&gt;
 &lt;Message severity="warn" :life="3000" :sticky="false"&gt;This message will hide in 3 seconds.&lt;/Message&gt;
 
+&lt;h5&gt;Inline Messages&lt;/h5&gt;
+&lt;p&gt;Message component is used to display inline messages mostly within forms.&lt;/p&gt;
+&lt;div class="p-grid"&gt;
+    &lt;div class="p-col-12 p-md-3"&gt;
+        &lt;InlineMessage severity="info"&gt;Message Content&lt;/InlineMessage&gt;
+    &lt;/div&gt;
+    &lt;div class="p-col-12 p-md-3"&gt;
+        &lt;InlineMessage severity="success"&gt;Message Content&lt;/InlineMessage&gt;
+    &lt;/div&gt;
+    &lt;div class="p-col-12 p-md-3"&gt;
+        &lt;InlineMessage severity="warn"&gt;Message Content&lt;/InlineMessage&gt;
+    &lt;/div&gt;
+    &lt;div class="p-col-12 p-md-3"&gt;
+        &lt;InlineMessage severity="error"&gt;Message Content&lt;/InlineMessage&gt;
+    &lt;/div&gt;
+&lt;/div&gt;
+
 &lt;h5&gt;Validation Message&lt;/h5&gt;
 &lt;div class="p-formgroup-inline" style="margin-bottom:.5rem"&gt;
     &lt;label for="username" class="p-sr-only"&gt;Username&lt;/label&gt;