react-copyable

0.0.6 • Public • Published

react-copyable

Clipboard copyable React component

Implementation of clipboard copyable text React component.

usage

var React = require('react'),
Copyable = require('react-copyable');
...
  render: function() {
    return (
        <Copyable text="copy-text" />
    );
  }
 
...

The clipboard accessing is depend on document.execCommand function. If browser is not support the feature, only the text value is selected and can be copy using native operation(ex. press Ctrl + C ...).

Customization

There are two props to customize component:

  • Provides onCopy handler for when successfully copy to clipboard
  • The component have styles defined inline. Override styles via the style prop

Package Sidebar

Install

npm i react-copyable

Weekly Downloads

2

Version

0.0.6

License

MIT

Last publish

Collaborators

  • hongchae