Formularios

Code cover card

Una tarjeta de verificación ancha con el código en un lado y un panel de cubierta en el otro que llena una barra de progreso a medida que se ingresan los dígitos.

Enter verification code

We sent a 6 digit code to your email. Enter it below to continue.

By continuing you agree this device may be trusted for future sign-ins.

Cómo usar Code cover card

Una tarjeta de verificación ancha con el código en un lado y un panel de cubierta en el otro que llena una barra de progreso a medida que se ingresan los dígitos.

Prueba la vista previa con el cursor y el teclado. Comprueba el foco visible y la composición en pantallas estrechas dentro de tu página. Usa el número de ficha o el identificador cuando pidas el componente a tu agente.

Propiedades: accentColor, length, autoSubmit, showCover, headline

¿Qué frameworks están disponibles?

El catálogo incluye estas versiones: react, vue, svelte, astro, html. La vista previa de esta página utiliza React.

¿Cómo accedo a la implementación?

La vista previa y la descripción son públicas. Inicia sesión con una cuenta autorizada para abrir el código, las versiones y el panel de instalación.

Conecta tu agente

Relacionados

2010Paired Code Split ViewFormulariosUn paso de verificación en pantalla dividida cuyos cuadros de código se agrupan en pares con guiones entre ellos, presentándose en el momento en que se llena el último cuadro.

1925Branded Code PanelFormulariosUn panel de verificación centrado debajo de un pequeño bloqueo de marca, donde un código rechazado agita la fila una vez, la borra y vuelve a centrarse en el primer cuadro.

2064Tall Code KeypadFormulariosUn formulario de verificación sin bordes construido sobre cuadros de códigos inusualmente altos, con dígitos que llegan con un rebote corto y un retroceso mantenido que borra todo.

2080Verification Code CardFormulariosUn paso de verificación en cuadro con un campo de código etiquetado, un botón Verificar que se desbloquea solo cuando se completa el código y un enlace de reenvío en una cuenta regresiva.

1974Grouped Code BoxesFormulariosUn campo de código de un solo uso de dígitos en cuadros individuales divididos en dos grupos mediante un divisor central delgado, con un símbolo de intercalación parpadeante marcando el cuadro en espera de entrada.

2006One Question WizardFormulariosUn formulario de varios pasos que muestra una sola pregunta a la vez con una lectura del progreso, y solo avanza una vez que la pregunta actual tiene una respuesta válida.