This styling is an extra step which is likely not required.
Why is it here? To ensure:
flash
render it has minimal visual impact.The likelihood is the element won't even render, not even a flash, so some of these are just precautions. However in IE the element is visible whilst the popup box asking the user for permission for the web page to copy to the clipboard. Place in top-left corner of screen regardless of scroll position.
You will need Node.js installed on your system.
$ npm i @uiw/copy-to-clipboard
import copyTextToClipboard from '@uiw/copy-to-clipboard';
copyTextToClipboard('test', (isCopy) => {
console.log('isCopy:', isCopy);
});
Or manually download and link copy-to-clipboard in your HTML, It can also be downloaded via UNPKG:
<script src="https://unpkg.com/@uiw/copy-to-clipboard/dist/copy-to-clipboard.umd.js"></script>
<script type="text/javascript">
copyTextToClipboard('test', (isCopy) => {
console.log('isCopy:', isCopy);
});
</script>
As always, thanks to our amazing contributors!
Made with contributors.
Licensed under the MIT License.