Motion+

Hold to confirm

A Motion for React example showing long-press interaction. The button's events update a progress motion value that drives multiple animations of other motion values.

Time
5 min
Difficulty
Intermediate
Access
Motion+
>Live exampleOpen in new tab

Introduction

The Hold to Confirm example shows how to create a button that visually responds to a long press, before confirming an action.

In this tutorial, we'll learn how to use: