Componente

Otp

Input de código OTP/2FA de N dígitos con navegación por teclado y soporte de pegado.

{% comp_otp ... %}

Código a utilizar

template.html 
{% comp_otp name="codigo_otp" length=6 label="Introduce el código de verificación" value="Valor ejemplo" help_text="Código enviado a tu email" %}

Vista previa en vivo

Código enviado a tu email

API Props & Playground

Los cambios actualizan la vista previa en tiempo real
Prop Valor
name
Nombre del icono Heroicons v2 — ver todos
None
length
6
label
''
value
''
required
False
gap
2
box_size
12
disabled
False
error
''
help_text
''
classes
''

Carga la librería con {% load components_ui %} antes de usar el componente.