Get access
All›Text & Controls›Buttons

Hold to ConfirmFreeNew

Press and hold for destructive actions: a fill sweeps and inverts the label as you hold, eases back if you let go, trembles at 80%, then lands with a drawn check and a haptic tick.

←3 / 47→
Press & hold · Space

Source & downloads

HoldToConfirm from @ngc/buttons · ZIP with README, AI prompt and license. This one is free: copy the usage and take the ZIP and prompt, no key needed.

tsx
import { HoldToConfirm } from '@ngc/buttons'

<HoldToConfirm />

Downloads for this component are being packaged.

More Buttons

All 47 →
Liquid Glass ButtonNewHover · Press
Magnetic ButtonNewMove pointer · Press
Particle ButtonNewClick
Free
Shimmer ButtonNewHover · Press
Morph SubmitNewClick · Async states
Spotlight CardNewMove pointer · Tap
Hold-to-Confirm DialogNewAlerts
Slide to ConfirmNewAlerts
Fuse HoldButtons
Charge ReactionNewStates
Lens Flare PressButtons
Hold-to-Delete RowsNewStates