useClipboard

A hook that provides clipboard read/write operations.

Import

Usage

Basic Usage

Return Value

writeClipboard: Type: (text: string) => Promise<void>; Default: -
readClipboard: Type: () => Promise<string>; Default: -

Prop	Type	Default
`writeClipboard`	`(text: string) => Promise<void>`	-
`readClipboard`	`() => Promise<string>`	-

const { writeClipboard } = useClipboard();
const [copied, setCopied] = useState(false);

const handleCopy = async () => {
  await writeClipboard('Hello from k8ordo UI!');
  setCopied(true);
  setTimeout(() => setCopied(false), 2000);
};

return (
  <button onClick={handleCopy}>
    {copied ? 'Copied!' : 'Copy Text'}
  </button>
);