Skip to main content

useClipboardRead()

Reads text from the clipboard using the Clipboard API. Ideal for applications that need to access clipboard content, such as paste functionality in forms or editors.

Import​

import { useClipboardRead } from "reactuals";

Demo​

Loading...

Usage​

import { useClipboardRead } from "reactuals";

function ClipboardReader() {
  const { readText, error } = useClipboardRead();

  const handleRead = async () => {
    const text = await readText();
    if (text) {
      alert(`Clipboard content: ${text}`);
    }
  };

  return (
    <div className="p-4">
      <button
        onClick={handleRead}
        className="p-2 bg-blue-500 text-white rounded"
        disabled={!!error}
      >
        Read Clipboard
      </button>
      {error && <p className="mt-4 text-red-500">Error: {error.message}</p>}
    </div>
  );
}