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

$attrs binding defects

pull/6893/head
tugcekucukoglu 2024-11-29 13:26:52 +03:00
parent 31bee76017
commit d0ce71ad7d
2 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
apps/showcase/doc/inputotp/SampleDoc.vue
View File

@ -8,7 +8,7 @@
<p class="text-surface-500 dark:text-surface-400 block mb-8">Please enter the code sent to your phone.</p>
<InputOtp v-model="value" :length="6" style="gap: 0">
<template #default="{ attrs, events, index }">
<input type="text" v-bind="attrs" v-on="events" class="custom-otp-input" />
<input type="text" v-bind="$attrs" v-on="events" class="custom-otp-input" />
<div v-if="index === 3" class="px-4">
<i class="pi pi-minus" />
</div>
@ -35,7 +35,7 @@ export default {
<p class="text-surface-500 dark:text-surface-400 block mb-8">Please enter the code sent to your phone.</p>
<InputOtp v-model="value" :length="6" style="gap: 0">
<template #default="{ attrs, events, index }">
<input type="text" v-bind="attrs" v-on="events" class="custom-otp-input" />
<input type="text" v-bind="$attrs" v-on="events" class="custom-otp-input" />
<div v-if="index === 3" class="px-4">
<i class="pi pi-minus" />
</div>
@ -55,7 +55,7 @@ export default {
<p class="text-surface-500 dark:text-surface-400 block mb-8">Please enter the code sent to your phone.</p>
<InputOtp v-model="value" :length="6" style="gap: 0">
<template #default="{ attrs, events, index }">
<input type="text" v-bind="attrs" v-on="events" class="custom-otp-input" />
<input type="text" v-bind="$attrs" v-on="events" class="custom-otp-input" />
<div v-if="index === 3" class="px-4">
<i class="pi pi-minus" />
</div>
@ -125,7 +125,7 @@ export default {
<p class="text-surface-500 dark:text-surface-400 block mb-8">Please enter the code sent to your phone.</p>
<InputOtp v-model="value" :length="6" style="gap: 0">
<template #default="{ attrs, events, index }">
<input type="text" v-bind="attrs" v-on="events" class="custom-otp-input" />
<input type="text" v-bind="$attrs" v-on="events" class="custom-otp-input" />
<div v-if="index === 3" class="px-4">
<i class="pi pi-minus" />
</div>

8
apps/showcase/doc/inputotp/TemplateDoc.vue
View File

@ -5,7 +5,7 @@
<div class="card flex justify-center">
<InputOtp v-model="value">
<template #default="{ attrs, events }">
<input type="text" v-bind="attrs" v-on="events" class="custom-otp-input" />
<input type="text" v-bind="$attrs" v-on="events" class="custom-otp-input" />
</template>
</InputOtp>
</div>
@ -21,7 +21,7 @@ export default {
basic: `
<InputOtp v-model="value">
<template #default="{ attrs, events }">
<input type="text" v-bind="attrs" v-on="events" class="custom-otp-input" />
<input type="text" v-bind="$attrs" v-on="events" class="custom-otp-input" />
</template>
</InputOtp>
`,
@ -30,7 +30,7 @@ export default {
<div class="card flex justify-center">
<InputOtp v-model="value">
<template #default="{ attrs, events }">
<input type="text" v-bind="attrs" v-on="events" class="custom-otp-input" />
<input type="text" v-bind="$attrs" v-on="events" class="custom-otp-input" />
</template>
</InputOtp>
</div>
@ -69,7 +69,7 @@ export default {
<div class="card flex justify-center">
<InputOtp v-model="value">
<template #default="{ attrs, events }">
<input type="text" v-bind="attrs" v-on="events" class="custom-otp-input" />
<input type="text" v-bind="$attrs" v-on="events" class="custom-otp-input" />
</template>
</InputOtp>
</div>