Hold To Delete Button
A hold-to-confirm destructive button with pointer capture, keyboard activation, cancellation, and reduced-motion support.
- Library
- Sona UI
- Framework
- React
- Type
- ui
- License
- MIT
- Dependencies
- lucide-react, motion
- Install
npx shadcn@latest add @sona-ui/hold-to-delete-button- Files
src/registry/sonaui/hold-to-delete-button/hold-to-delete-button.tsxsrc/registry/sonaui/sona-utils/sona-utils.tssrc/lib/sona-utils.ts
- Source
- https://github.com/Dinil-Thilakarathne/sona-ui
Categories
- Action Components
- React Action Components
- Tailwind CSS Action Components
- Animated Action Components
- Button Components
- React Button Components
- Tailwind CSS Button Components
- Animated Button Components
- Hold Button Components
- React Hold Button Components
- Tailwind CSS Hold Button Components
- Animated Hold Button Components