Design Copy to Clipboard Feedback

Feedback & States · micro-interactions, status, microcopy

Updated 2026-07-28

Confirm at the control the user pressed. The clipboard is invisible, so without feedback the only way to check is to paste somewhere and look.
Keep the confirmation local and brief. A label that changes to "Copied" for a moment beats a toast in the corner that the user has to notice.
Return to the original state on its own. A button permanently reading "Copied" is a lie the next time someone looks at it.
Make the copy target explicit. If the same row can copy an identifier, a link, or a name, the control has to say which one it took.
Copy the value, not the presentation. Truncated text, thousands separators, and highlighted search fragments must not end up in what the user pastes.
Announce the result for screen reader users. A purely visual change on a button is silent, so pair it with a polite live message.
Give a fallback. Clipboard access can be denied or unavailable, so on failure select the text and tell the user to copy it manually rather than failing silently.
Support copying more than one thing where it makes sense, such as a whole row or a full block, and say what format it will paste as.

Copy is the most common export in any product, so it deserves the same care as a file download.