Component: OtpField

A field component for entering OTP (One-Time Password) codes.

import OtpField from '@nhtio/vuetify-fields/components/fields/otp'

Examples

<OtpField v-model="otpValue" label="Enter OTP" />

Result

Enter OTP

Enter OTP

Enter OTP

Enter OTP

Invalid OTP

Reference

Events

Name	Type
update:modelValue	(val: string | null | number) => void
Emitted when the value is changed.
Properties: Name Type Description string ["val"] The current base64-encoded image value.
update:model-value	(val: string | null | number) => void
Emitted when the value is changed.
Properties: Name Type Description string ["val"] The current base64-encoded image value.
update	(val: string | null | number) => void
Emitted when the value is changed.
Properties: Name Type Description string ["val"] The current base64-encoded image value.