useClipboard

• easy to copy clipboard

Features

• when clipboard not supported then warning on console

console.warn('Clipboard not support!');

• you can get copiedText after DOM rendered

Types

const useClipboard: () => {
  copiedText: string | null;
  error: string | null;
  copy: (text: string) => Promise<boolean>;
  read: () => Promise<string | null>;
};

Example

const App = () => {
  const { copiedText, error, copy, read } = useClipboard();

  return (
    <button onClick={() => {copy('copy clipboard!')}}>copy clipboard</button>
    <button onClick={read}>copiedTextGet</button>
    <p>{copiedText}</p>
    <p>{error}</p>
  )

}