Confirm morph

A destructive button that morphs into an inline confirmation, a spinner, and a result with undo.

Library

Arc Library

Framework

React

Type

ui

License

MIT

Dependencies

lucide-react, motion

Install

npx shadcn@latest add https://uiarc.dev/r/confirm-morph.json

Files

• registry/components/confirm-morph/confirm-morph.tsx
• registry/components/confirm-morph/confirm-morph.module.css
• registry/motion-tokens.ts
• lib/motion-tokens.ts

Source

https://github.com/kuratlielia/arc-library

Categories

• Action Components
• React Action Components
• Animated Action Components
• Alert Dialog Components
• React Alert Dialog Components
• Animated Alert Dialog Components
• Button Components
• React Button Components
• Animated Button Components
• Modal Components
• React Modal Components
• Animated Modal Components

More from Arc Library

• Action button
• Button
• Command palette
• Copy button
• Dialog
• Hold to confirm
• Split button
• Theme switcher
• Eclipse
• Rise
• Split
• Accordion