copy-to-clipboard

@svc/react-copy-to-clipboard

With the help of @svc/react-copy-to-clipboard the text can be copied from a HTMLElement/HTMLInputElement

Installing

Using npm: npm i @svc/react-copy-to-clipboard

Using yarn: yarn add @svc/react-copy-to-clipboard

Example

Codesandbox

import React from "react";
import copyToClipboard from "@svc/react-copy-to-clipboard";

export default function App() {
  const [h1ref, setClipboardFromH1] = copyToClipboard();
  const [inputRef, setClipboardFromInput] = copyToClipboard();

  return (
    <div className="App">
      <div>
        <h1 ref={h1ref}>Hello CodeSandbox</h1>
        <button onClick={setClipboardFromH1}>Copy Text from H1</button>
      </div>
      <div>
        <input type="text" ref={inputRef} />
        <button onClick={setClipboardFromInput}>Copy Text from input</button>
      </div>
    </div>
  );
}