@gradeup/copy-text-to-cb

copy-text-to-cb

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'; // React Component to be used for copying text on click

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:

• Github Link For Repo
• Npm Link for the module

Organisation