simple-react-clipboard

A simple and flexible React utility component for copying texts to the clipboard. Some code is based on clipboard.js.

Getting Started

``` npm i simple-react-clipboard ``` The component passed in the render prop will have the copy function passed in as a prop. The copy function will copy the text prop to the clipboard. ``` import React from "react"; import Clipboard from "simple-react-clipboard"; const Demo = () => ( text={"Copy on Button Click"}

render={({copy}) => <button onClick={copy}>Copy</button>}

/> ) export default Demo; ```

Sample Code

Demo and sample code can be found here.

Props

Name | Type | Description | Required --- | --- | --- | --- render | function | A function that returns a React element. | Y text | string | The text to be copied when copy is called. | Y props | object | props to pass to the component in render | N onSuccess | function | Function called when copy succeeds. | N onError | function | Function called when copy fails. | N

To Run this Repository

1. git clone https://github.com/donfour/simple-react-clipboard.git

1. npm install

1. npm run dev

To Test this Repository

``` npm run test ```