diff --git a/src/views/password/PasswordDemo.vue b/src/views/password/PasswordDemo.vue
index 63e49ed4a..82c81fd1d 100755
--- a/src/views/password/PasswordDemo.vue
+++ b/src/views/password/PasswordDemo.vue
@@ -24,8 +24,7 @@
                     <template #header>
                         <h6>Pick a password</h6>
                     </template>
-                    <template #footer="sp">
-                        {{sp.level}}
+                    <template #footer>
                         <Divider />
                         <p class="p-mt-2">Suggestions</p>
                         <ul class="p-pl-2 p-ml-2 p-mt-0" style="line-height: 1.5">
diff --git a/src/views/password/PasswordDoc.vue b/src/views/password/PasswordDoc.vue
index b8d42056a..007d0d4bf 100755
--- a/src/views/password/PasswordDoc.vue
+++ b/src/views/password/PasswordDoc.vue
@@ -181,7 +181,31 @@ import Password from 'primevue/password';
                 </div>
 <pre v-code>
 <code>
-&lt;Password v-model="value" /&gt;
+<h5>Basic</h5>
+&lt;Password v-model="value1" :feedback="false" /&gt;
+
+&lt;h5&gt;Password Meter&lt;/h5&gt;
+&lt;Password v-model="value2" /&gt;
+
+&lt;h5&gt;Show Password&lt;/h5&gt;
+&lt;Password v-model="value3" toggleMask&gt;&lt;/Password&gt;
+
+&lt;h5&gt;Templating&lt;/h5&gt;
+&lt;Password v-model="value4"&gt;
+    &lt;template #header&gt;
+        &lt;h6&gt;Pick a password&lt;/h6&gt;
+    &lt;/template&gt;
+    &lt;template #footer&gt;
+        &lt;Divider /&gt;
+        &lt;p class="p-mt-2"&gt;Suggestions&lt;/p&gt;
+        &lt;ul class="p-pl-2 p-ml-2 p-mt-0" style="line-height: 1.5"&gt;
+            &lt;li&gt;At least one lowercase&lt;/li&gt;
+            &lt;li&gt;At least one uppercase&lt;/li&gt;
+            &lt;li&gt;At least one numeric&lt;/li&gt;
+            &lt;li&gt;Minimum 8 characters&lt;/li&gt;
+        &lt;/ul&gt;
+    &lt;/template&gt;
+&lt;/Password&gt;
 
 </code></pre>
 
@@ -190,7 +214,10 @@ import Password from 'primevue/password';
 export default {
 	data() {
 		return {
-			value: ''
+            value1: null,
+            value2: null,
+            value3: null,
+            value4: null
 		}
 	}
 }
@@ -212,7 +239,32 @@ export default {
     <div class="layout-content">
         <div class="content-section implementation">
             <div class="card">
-                <Password v-model="value" placeholder="Password"/>
+                <h5>Basic</h5>
+                <Password v-model="value1" :feedback="false" />
+
+                <h5>Password Meter</h5>
+                <Password v-model="value2" />
+
+                <h5>Show Password</h5>
+                <Password v-model="value3" toggleMask></Password>
+
+                <h5>Templating</h5>
+                <Password v-model="value4">
+                    <template #header>
+                        <h6>Pick a password</h6>
+                    </template>
+                    <template #footer="sp">
+                        {{sp.level}}
+                        <Divider />
+                        <p class="p-mt-2">Suggestions</p>
+                        <ul class="p-pl-2 p-ml-2 p-mt-0" style="line-height: 1.5">
+                            <li>At least one lowercase</li>
+                            <li>At least one uppercase</li>
+                            <li>At least one numeric</li>
+                            <li>Minimum 8 characters</li>
+                        </ul>
+                    </template>
+                </Password>
             </div>
         </div>
     </div>
@@ -222,7 +274,10 @@ export default {
 export default {
     data() {
         return {
-            value: ''
+            value1: null,
+            value2: null,
+            value3: null,
+            value4: null
         }
     }
 }`