diff --git a/src/views/inputtext/InputTextDemo.vue b/src/views/inputtext/InputTextDemo.vue
index 224d720e5..1f99fc551 100755
--- a/src/views/inputtext/InputTextDemo.vue
+++ b/src/views/inputtext/InputTextDemo.vue
@@ -20,6 +20,9 @@
 
             <h3>Disabled</h3>
             <InputText type="text" v-model="value3" disabled />
+
+             <h3>Invalid</h3>
+            <InputText type="text" class="p-error" readonly />
         </div>
 
         <InputTextDoc />
diff --git a/src/views/inputtext/InputTextDoc.vue b/src/views/inputtext/InputTextDoc.vue
index 1ae3de385..563b43511 100755
--- a/src/views/inputtext/InputTextDoc.vue
+++ b/src/views/inputtext/InputTextDoc.vue
@@ -69,6 +69,9 @@ import InputText from 'primevue/inputtext';
 
 &lt;h3&gt;Disabled&lt;/h3&gt;
 &lt;InputText type="text" v-model="value3" disabled /&gt;
+
+&lt;h3&gt;Invalid&lt;/h3&gt;
+&lt;InputText type="text" class="p-error" /&gt;
 </template>
 </CodeHighlight>