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