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">
<InputNumber v-model="value" invalid mode="decimal" :minFractionDigits="2" />
<InputNumber v-model="value" :invalid="value === null" mode="decimal" :minFractionDigits="2" />
</div>
<DocSectionCode :code="code" />
</template>
@ -15,12 +15,12 @@ export default {
value: null,
code: {
basic: `
<InputNumber v-model="value" invalid mode="decimal" :minFractionDigits="2" />
<InputNumber v-model="value" :invalid="value === null" mode="decimal" :minFractionDigits="2" />
`,
options: `
<template>
<div class="card flex justify-center">
<InputNumber v-model="value" invalid mode="decimal" :minFractionDigits="2" />
<InputNumber v-model="value" :invalid="value === null" mode="decimal" :minFractionDigits="2" />
</div>
</template>
@ -37,7 +37,7 @@ export default {
composition: `
<template>
<div class="card flex justify-center">
<InputNumber v-model="value" invalid mode="decimal" :minFractionDigits="2" />
<InputNumber v-model="value" :invalid="value === null" mode="decimal" :minFractionDigits="2" />
</div>
</template>