Playground Interactivo

Construye tu input OTP perfecto alternando opciones. El código generado se actualiza en vivo.

Theme

Variant

Size

Inputs6

SeparatorNoneDashDotStar

Disabled Error Success

View Code

<OtpInput
  v-model="otp"
  theme="box"
  size="md"
  :num-inputs="6"
/>

Ejemplos Rápidos

OTP básico de 6 dígitos

<OtpInput v-model="otp" />

PIN de 4 dígitos

<OtpInput v-model="pin" :num-inputs="4" />

Modo Contraseña

<OtpInput :num-inputs="4" input-type="password" />

Todos los Tamaños

Pequeño

Mediano

Grande

Extra Grande