var React = require('react');
var ZeroClipboardMixin = require('react-zeroclipboard-mixin');
 
// configure ZeroClipboard before using mixin
ZeroClipboardMixin.ZeroClipboard.config({
  swfPath: 'http://rawgit.com/zeroclipboard/zeroclipboard/master/dist/ZeroClipboard.swf'
});
 
var MyCopyButton = React.createClass({
 
  // CSS selector that would be used to find zeroclipboard action elements.
  // Default: '[data-zeroclipboard-copy-btn]'
  zeroclipboardElementsSelector: '[data-zeroclipboard-copy-btn]',
 
  mixins: [ ZeroClipboardMixin ],
 
  render: function() {
    return (
      <div>
        // Cannot be top-level element, so wrap it with div
        <button data-zeroclipboard-copy-btn data-clipboard-text="Text to copy">Copy</button>
      </div>
    );
  }
 
});
 
React.render(<MyCopyButton/>, document.body)