React component to copy text to clipboard on clicking with function to execute after copying.
npm install --save @gradeup/copy-text-to-cbimport CopyText from '@gradeup/copy-text-to-cb'; // React Component to be used for copying text on clickusage
import CopyText from '@gradeup/copy-text-to-cb';
<CopyText
text="Hello copy text"
component={props => <button {...props}>Copy</button>}
cb={console.log}
/>
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.
You can visit some links for reference:
