Update InvalidDoc.vue

pull/6045/head
tugcekucukoglu 2024-07-10 10:49:13 +03:00
parent 3440bb9931
commit f81e75bb81
1 changed files with 4 additions and 4 deletions

View File

@ -3,7 +3,7 @@
<p>Invalid state is displayed using the <i>invalid</i> prop to indicate a failed validation. You can use this style when integrating with form validation libraries.</p> <p>Invalid state is displayed using the <i>invalid</i> prop to indicate a failed validation. You can use this style when integrating with form validation libraries.</p>
</DocSectionText> </DocSectionText>
<div class="card flex justify-center"> <div class="card flex justify-center">
<Password :invalid="value === null" /> <Password v-model="value" :invalid="value === null" />
</div> </div>
<DocSectionCode :code="code" /> <DocSectionCode :code="code" />
</template> </template>
@ -15,12 +15,12 @@ export default {
value: null, value: null,
code: { code: {
basic: ` basic: `
<Password :invalid="value === null" /> <Password v-model="value" :invalid="value === null" />
`, `,
options: ` options: `
<template> <template>
<div class="card flex justify-center"> <div class="card flex justify-center">
<Password :invalid="value === null" /> <Password v-model="value" :invalid="value === null" />
</div> </div>
</template> </template>
@ -37,7 +37,7 @@ export default {
composition: ` composition: `
<template> <template>
<div class="card flex justify-center"> <div class="card flex justify-center">
<Password :invalid="value === null" /> <Password v-model="value" :invalid="value === null" />
</div> </div>
</template> </template>