Dev Design Library

Hold to Delete Button

A delete button that only fires when held: an orange bar fills linearly from left to right as a matching glow builds behind it, snapping back if you let go early and landing on a check with a pulse once it completes.

Hold to Delete Button preview
Library
MicroKit
Framework
React
Type
component
License
MIT
Dependencies
lucide-react
Install
npx shadcn@latest add @microkit/hold-to-delete-button
Files
  • registry/microkit/hold-to-delete-button.tsx
Source
https://github.com/henriquegpb/microkit

Categories

More from MicroKit