Hold to confirm button · Aurora
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 · Aurora10 / 20
Translucent dark capsule filled by an accent-to-cyan gradient with a soft outer glow while held.
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