React component to copy text to clipboard on clicking with function to execute after copying.

Installation

npm install --save @gradeup/copy-text-to-cb

Usage

Import the module to your code

import CopyText from ' @gradeup/copy-text-to-cb ' ;

usage

import CopyText from '@gradeup/copy-text-to-cb'; <CopyText text="Hello copy text" component={props => <button {...props}>Copy</button>} cb={console.log} />

Params

Folowing are the params to be passed :

option used for required default text text to be copied true - component component on which click is to be activated false props => <button type="button" {...props}>Copy</button> cb function to execute after copying false () => {} pop pop message to show after copying or not false true popStyle pop box style false position: 'absolute', background: '#333', color: '#fff', padding: '3px', align: 'center', fontSize: '12px', transform: 'translateX(-50%)', left: '50%',transition: 'all 0.3s ease'

Change the text and enjoy copying on your website.

Links

You can visit some links for reference:

Organisation