Vibeset

Desliza para confirmar

Un clic suelto es poco para una acción que no se deshace: se da sin querer. Arrastrar un tirador hasta el otro extremo es un gesto con principio, trayecto y final, y deja un punto donde arrepentirse. La acción es asíncrona: onConfirmar puede devolver una promesa y el control espera, tirador clavado al final, hasta que sale bien o mal. Un deslizador que dice «hecho» antes de que responda el servidor miente. El tirador es un deslizador de verdad (role slider): con teclado las flechas lo mueven de cuarto en cuarto y Fin confirma. Y la posición vive en variables de CSS escritas desde el gesto, no en el estado de React.

Y el original de React Bits: Slide Commit

Esta pieza está escrita desde cero en Vibeset: no se ha copiado ni portado nada de React Bits. Hace algo parecido a su Slide Commit, y esto es lo que vimos del suyo por si prefieres usar el original.

Cuándo sí

Para acciones que no se deshacen: pagar, borrar, publicar. Pide un gesto deliberado, no un clic que se escapa.

Ojo con

Un deslizador solo con puntero deja fuera a quien no puede arrastrar. Este trae teclado, pero comprueba que de verdad confirma con él y que existe otra vía visible.

Accesibilidad

De las mejor cuidadas: quince señales aria, teclado y movimiento reducido.