Hold to Delete
Free Rive template · Category: Buttons
A flat, press-and-hold delete button that guards against accidental taps. Press and hold: a darker fill sweeps across, the trash lid swings open and a box spins in on a low arc, clips the lid and drops into the can. Let go early and the box pops back out and the lid bounces shut. Hold all the way and the button collapses into a square, the trash fades and a check draws itself in, and a "deleted" event fires so your app can react. The label and the button, progress, icon and box colors are data-bound through the Hold Delete view model, so you can restyle and relabel it at runtime without opening the file.
- button
- hold to delete
- long press
- delete
- trash
- destructive action
- confirm
- checkmark
- progress
- interactive
- micro-interaction
- state machine
- data binding
- view model
- ui
Interactive .riv file: hover, tap and drag interactions work in web, iOS, Android and Flutter Rive runtimes. Customize colors, text and images before download.