Learn about our RFC process, Open RFC meetings & more.Join in the discussion! »

@advanced-rest-client/clipboard-copy

3.0.1 • Public • Published

Published on NPM

Build Status

Published on webcomponents.org

clipboard-copy

An element that copies a text to clipboard.

API components

This components is a part of API components ecosystem

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.querySelectior('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

Install

npm i @advanced-rest-client/clipboard-copy

DownloadsWeekly Downloads

149

Version

3.0.1

License

Apache-2.0

Unpacked Size

38.5 kB

Total Files

6

Last publish

Collaborators

  • avatar
  • avatar
  • avatar