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> <template #header>
<h6>Pick a password</h6> <h6>Pick a password</h6>
</template> </template>
<template #footer="sp"> <template #footer>
{{sp.level}}
<Divider /> <Divider />
<p class="p-mt-2">Suggestions</p> <p class="p-mt-2">Suggestions</p>
<ul class="p-pl-2 p-ml-2 p-mt-0" style="line-height: 1.5"> <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> </div>
<pre v-code> <pre v-code>
<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> </code></pre>
@ -190,7 +214,10 @@ import Password from 'primevue/password';
export default { export default {
data() { data() {
return { return {
value: '' value1: null,
value2: null,
value3: null,
value4: null
} }
} }
} }
@ -212,7 +239,32 @@ export default {
<div class="layout-content"> <div class="layout-content">
<div class="content-section implementation"> <div class="content-section implementation">
<div class="card"> <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> </div>
</div> </div>
@ -222,7 +274,10 @@ export default {
export default { export default {
data() { data() {
return { return {
value: '' value1: null,
value2: null,
value3: null,
value4: null
} }
} }
}` }`