Hold to Confirm
A press-and-hold confirmation button for destructive actions with a filling progress ring, spring-back on early release, and a success check morph on completion.
- Library
- Spectrum UI
- Framework
- React
- Type
- component
- License
- Apache-2.0
- Dependencies
- framer-motion, lucide-react
- Install
npx shadcn@latest add @spectrumui/hold-to-confirm- Files
app/registry/hold-to-confirm/hold-to-confirm.tsxlib/utils.ts
- Source
- https://github.com/arihantcodes/spectrum-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
- Feedback Components
- React Feedback Components
- Tailwind CSS Feedback Components
- Animated Feedback Components