📋 Classic Copy Button
A clean and minimal copy button with smooth hover effects and success feedback.
npx shadcn@latest add button
🎨 Enhanced Copy Button
An advanced copy button with animated icons, better visual feedback, and improved accessibility features.
bash
$ npm create vite@latest
✨ Features
- Smooth Animations: Elegant hover and click animations
- Visual Feedback: Clear indication when content is copied
- Accessibility: Proper ARIA labels and keyboard navigation
- Customizable: Easy to style and adapt to your design system
- Cross-browser: Works consistently across all modern browsers
🚀 Usage
Both components are ready to use and can be easily integrated into your React applications. Simply import the component and pass the text you want to copy as a prop.