Botones

Hold to delete

Un botón destructivo que solo se activa después de mantener presionado el puntero el tiempo suficiente para que una barra de relleno lo recorra y rebobina en el momento en que lo sueltas.

Cómo usar Hold to delete

Un botón destructivo que solo se activa después de mantener presionado el puntero el tiempo suficiente para que una barra de relleno lo recorra y rebobina en el momento en que lo sueltas.

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, holdMs, accent, showCountdown, glyph

¿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

1707Hold ring confirmBotonesUn botón redondo rodeado por un trazo que se dibuja a sí mismo mientras lo mantienes presionado, ingresando un valor de progreso en el anillo, la escala del botón y el color de la etiqueta a la vez.

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.

2570Hold to fill padBotonesUna almohadilla translúcida que se llena hacia arriba desde su base mientras se sostiene, luego se compromete y muestra su borde cuando el relleno llega a la parte superior.

2628Icon takeover deleteBotonesUn botón destructivo dividido en una palabra en negrita y una celda de icono estrecha; Al pasar el cursor o enfocar, la celda crece en todo el botón hasta que solo queda el glifo, con dos toques para confirmar al tocar.

2724Send flight buttonBotonesUn botón de luz cepillado que reproduce una breve secuencia de envío: el glifo de papel sale volando, una etiqueta de envío cuenta sus puntos y luego cae un cheque.