react-copy-button

react-copy-button

Copy to clipboard react component.

Install

yarn install --save react-copy-button

Usage

import * as React from 'react';

import CopyButton from 'react-copy-button';

class Example extends React.Component {
  constructor(props) {
    super(props);

    this.imgRef = React.createRef();
    this.state = {
      text: '',
      image: ''
    };
  }

  render() {
    return (
      <React.Fragment>
        <div ref={this.imgRef}>
          <img src="https://i.imgur.com/nd1ACuf.png" />
        </div>
        <CopyButton imgRef={this.imgRef}>Copy Image</CopyButton>
        <CopyButton text="Text to copy">Copy Text</CopyButton>
      </React.Fragment>
    );
  }
}

License

MIT © cham11ng