Hold to confirm button · Swiss
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 · Swiss9 / 20
Flush-left label with a live percentage numeral on the right; ink fill inverts the label, one red signal square when confirmed.
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