Skip to main content

useClipboard

Hook to copy text to the clipboard.

Usage​

Live Editor
function App() {
	const { copy, isCopied } = useClipboard();

	return (
		<div>
			<button onClick={() => copy("Text to copy")}>
				{isCopied ? "Copied!" : "Copy"}
			</button>
		</div>
	);
}
Result
Loading...

API​

Returns : Object

An object containing the following properties:

  • copy : A function to copy the provided text to the clipboard.
  • isCopied : A boolean state that is set to true when the text is successfully copied and resets to false after 2 seconds.