@advanced-rest-client/clipboard-copy
v3.1.1
Published
An element that copies a text to clipboard
Downloads
1,874
Readme
clipboard-copy
An element that copies a text to clipboard.
Usage
Installation
npm install --save @advanced-rest-client/clipboard-copy
In an html file
<script type="module" src="/node_modules/@advanced-rest-client/clipboard-copy/clipboard-copy.js"></script>
<clipboard-copy content="test"></clipboard-copy>
<script>
const elm = document.querySelector('clipboard-copy');
if(elm.copy()) {
console.info('Content has been copied to the clipboard');
} else {
console.error('Content copy error. This browser is ancient!');
}
</script>
In a LitElement
import { LitElement, html } from 'lit-element';
import '@advanced-rest-client/clipboard-copy/clipboard-copy.js';
class SampleElement extends LitElement {
render() {
return html`
<clipboard-copy .content="${this.copyContent}"></clipboard-copy>
`;
}
}
customElements.define('sample-element', SampleElement);
Development
git clone https://github.com/advanced-rest-client/clipboard-copy
cd clipboard-copy
npm install
Running the demo locally
npm start
Running the tests
npm test