Feedback
Copy to clipboard feedback
Provide visual feedback when content is copied to clipboard
copyclipboardfeedbacktoast
Bad example
Your promo code:
SAVE20OFF
Good example
Your promo code:
SAVE20OFF
Copy to Clipboard Feedback
Description
When users click a "copy" button, they should receive immediate visual feedback confirming that the content was successfully copied to their clipboard.
Why it matters
- Confirmation: Users need to know their action succeeded before moving on
- Trust: Without feedback, users may click multiple times or doubt the functionality
- Accessibility: Visual feedback helps all users understand the system state
- Reduced errors: Users won't accidentally paste old content thinking the copy failed
When to apply
- Copy buttons for code snippets
- Share links or referral codes
- API keys or tokens
- Any "copy to clipboard" functionality
When not to apply
- When the copied content is immediately used in the same interface (like a paste field)
- Keyboard shortcuts (Cmd/Ctrl+C) - users expect these to work silently
Explore more examples
Feedback
Skeleton loading vs Spinner
Show content structure with animated placeholders instead of a generic spinner
View example
FeedbackProgressive Loading Messages
Show evolving status messages during long operations to keep users informed
View example
FormsAuto-submit verification code
Automatically validate the code when all digits are entered instead of requiring manual submission
View example