Invalid demo updates

This commit is contained in:
tugcekucukoglu 2024-06-03 11:28:56 +03:00
parent c6e70a973c
commit 27ab8ee07b
16 changed files with 77 additions and 77 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>
</DocSectionText>
<div class="card flex justify-center">
<AutoComplete v-model="value" :suggestions="items" @complete="search" invalid />
<AutoComplete v-model="value" :suggestions="items" @complete="search" :invalid="value === ''" />
</div>
<DocSectionCode :code="code" />
</template>
@ -16,12 +16,12 @@ export default {
items: [],
code: {
basic: `
<AutoComplete v-model="value" :suggestions="items" @complete="search" invalid />
<AutoComplete v-model="value" :suggestions="items" @complete="search" :invalid="value === ''"/>
`,
options: `
<template>
<div class="card flex justify-center">
<AutoComplete v-model="value" :suggestions="items" @complete="search" invalid />
<AutoComplete v-model="value" :suggestions="items" @complete="search" :invalid="value === ''"/>
</div>
</template>
@ -44,7 +44,7 @@ export default {
composition: `
<template>
<div class="card flex justify-center">
<AutoComplete v-model="value" :suggestions="items" @complete="search" invalid />
<AutoComplete v-model="value" :suggestions="items" @complete="search" :invalid="value === ''"/>
</div>
</template>