Botones

Check stroke submit

Un botón de envío compacto y relleno cuya marca de verificación inicial se dibuja trazo a trazo cuando la acción se realiza correctamente.

The check redraws after each send, then settles back.

Cómo usar Check stroke submit

Un botón de envío compacto y relleno cuya marca de verificación inicial se dibuja trazo a trazo cuando la acción se realiza correctamente.

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: label, confirmLabel, accent, drawMs, holdMs

¿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?

El código, las versiones y los comandos de instalación están disponibles en el panel superior.

Conecta tu agente

Relacionados

2524Flight path confirm buttonBotonesUn botón de reserva que hace volar un avión pequeño en una vuelta alrededor de su frente mientras tres puntos pulsan, luego se vuelve verde e informa la reserva confirmada.

2466Add Then Confirm ChipBotonesUn chip oscuro con una etiqueta cálida cuyo signo más se balancea de lado a lado al pasar el mouse, luego gira hasta convertirse en una marca e informa el elemento agregado.

2675Chat launcher morphBotonesUn lanzador redondo cuyo contorno de bocadillo se vuelve a dibujar hasta convertirse en una marca cercana mientras sus tres puntos se alejan.

2590Copy flick tileBotonesUn mosaico cuadrado que contiene una pila de dos páginas; una pulsación larga desplaza la página superior, confirma la copia en el título y luego restablece la pila.

2696Destructive sweep buttonBotonesUna acción de eliminación cuyo sombreado de rosa a carmesí se desplaza de un extremo a otro al pasar el mouse, inclinando la tapa del contenedor, con una línea opcional de retención para confirmar a lo largo del borde inferior.

2473Follow latch chipBotonesUn chip de seguimiento que obtiene una vista previa de su estado de llenado al pasar el cursor y se bloquea allí al hacer clic, cambiando a un mensaje para dejar de seguir con un tono de advertencia cuando se vuelve a colocar el cursor sobre él.