react-copy-to-clipboard

React library for building declarative copy to clipboard buttons

Example

class App extends Component {
  render() {
    return (
      <CopyToClipboard
        onCopy={({ success, text }) => {
          var msg = success ? "Copied!" : "Whoops, not copied!";
          this.button.innerHTML = msg;
          console.log(msg, text);
        }}
        render={({ copy }) => (
          <div>
            <input
              defaultValue="some text"
              ref={input => {
                this.textInput = input;
              }}
            />
            <button
              onClick={() => copy(this.textInput.value)}
              ref={button => {
                this.button = button;
              }}
            >
              Copy
            </button>
          </div>
        )}
      />
    );
  }
}

Built With

• React
• ReactDOM
• copy-to-clipboard

Authors

• Vicent Gozalbes - Initial work - vigosan

License

This project is licensed under the MIT License - see the LICENSE.md file for details