Mantén para borrar
Hay que mantenerlo pulsado: se llena de rojo, la tapa de la papelera tiembla y la acción solo salta con la barra completa.
Ajustes
Código
<button class="uvq01-hld" type="button"><span class="f" aria-hidden="true"></span><span class="ic" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><g class="lid"><path d="M4 7h16"/><path d="M9.5 7V4.5h5V7"/></g><path d="M6 7l1 13h10l1-13"/><path d="M10 11v5M14 11v5"/></svg></span><span class="w"><span class="t">Mantén para borrar</span><span class="d">Borrado</span></span></button>Prompt para IA
Pégalo en ChatGPT, Claude o Cursor y adaptará el bloque a tu proyecto con estos ajustes, aunque no uses React.
Más en Botones
Ver todos: BotonesDónde usarlo
Las acciones destructivas merecen un poco de fricción y este botón la pide con el cuerpo: hay que mantenerlo pulsado mientras una barra roja lo cruza de izquierda a derecha y la tapa de la papelera empieza a temblar. Si sueltas antes, la barra se vacía. Funciona con ratón, pantalla táctil y teclado, así que encaja para borrar cuentas, archivos o proyectos.
Ajusta cuánto dura la pulsación con el control de tiempo; alrededor de segundo y medio se siente deliberado sin llegar a molestar. Deja el color principal en rojo o naranja para que el riesgo se lea de un vistazo y pon al lado un botón normal de cancelar.