vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

Update Docs for password

pull/938/head
Cagatay Civici 2021-02-03 12:45:32 +03:00
parent c360807e23
commit b442d87b6d
2 changed files with 60 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/views/password/PasswordDemo.vue
View File

@ -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">

63
src/views/password/PasswordDoc.vue
View File

@ -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
}
}
}`