Documentation
useCopyToClipboard
Copy text to clipboard with status feedback.
Installation
pnpm add @rouf-dev/pantheon-uiUsage
"use client";
import { useCopyToClipboard } from "@rouf-dev/pantheon-ui";
import { Button } from "@rouf-dev/pantheon-ui";
export function CopyDemo() {
const [copiedText, copy] = useCopyToClipboard();
const handleCopy = () => {
copy("Hello, World!");
};
return (
<div>
<Button onClick={handleCopy}>
{copiedText ? "Copied!" : "Copy"}
</Button>
</div>
);
}Return Value
[copiedText, copy]: Tuple with copied text and copy function