Skip to content
master
Go to file
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
src
 
 
 
 
 
 
 
 

README.md

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:

Organisation

Gradeup

About

react component to copy text to clipboard with function to execute after copying.

Resources

Releases

No releases published
You can’t perform that action at this time.