Back to library

System

Long Press Confirm Button

A hold-to-confirm interaction for sensitive product actions and irreversible flows.

confirmsafetydestructive

Usage

Use this interaction when the action benefits from immediate tactile feedback without taking visual attention away from the surrounding interface.

Platform: Mobile

Motion parameters

Interaction
Hold-to-confirm safety action
Hover
Static safety surface
Press
Fills progress over hold duration
Spring
linear hold animation
Duration
1050ms hold
Easing
cubic-bezier(0.22, 1, 0.36, 1)

Code

tsx
<LongPressConfirmButton />

Production API and token extraction will be added in a later package pass.