Skip to content

Instantly share code, notes, and snippets.

@alexanderson1993

alexanderson1993/copyToClipboard.ts

Created January 28, 2021 21:43
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save alexanderson1993/8538c0f408227bc6f7e95a34f8b35944 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save alexanderson1993/8538c0f408227bc6f7e95a34f8b35944 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. alexanderson1993 created this gist Jan 28, 2021.
    15 changes: 15 additions & 0 deletions copyToClipboard.ts
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,15 @@
    import * as React from "react";

    const CopyToClipboard:React.FC<{text:string} & React.HTMLAttributes<HTMLButtonElement>> = ({text, ...props}) => {
    const copyToClipboard = (event:React.MouseEvent<HTMLButtonElement>, str:string) => {
    const el = Object.assign(document.createElement('textarea'),{value:str});
    document.body.appendChild(el);
    el.select();
    document.execCommand('copy');
    document.body.removeChild(el);

    props.onClick?.(event);
    };

    return <button {...props} onClick={e=>copyToClipboard(e, text)} />
    }