parent
07fae3b6de
commit
60f5a2e13a
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
Loading…
Reference in New Issue