Hold to confirm button · High Contrast
A button that only fires after the user holds it for a set time, with a live progress fill, early-release cancel and keyboard hold support, for deletes, sends and other irreversible actions.
Design · High Contrast20 / 20
52px target with a 3px black border, underlined label and a spelled-out '1.2s' hold-time badge.
Motion
A solid sheet sweeps left to right behind the label while you hold, and drains away fast if you let go early.
Accent
A button that only fires after the user holds it for a set time, with a live progress fill, early-release cancel and keyboard hold support, for deletes, sends and other irreversible actions.
buttonholdconfirmdestructivelong-pressprogressdeletesafety