🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

A React component to copy text to clipboard with a function to execute after copying.

React Text

Documentation

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


You May Also Like