clipboard-copy-element
Copy element text content or input values to the clipboard.
<clipboard-copy> element
Copy element text content or input values to the clipboard.
Installation
$ npm install --save clipboard-copy-element
Usage
import 'clipboard-copy-element'
<clipboard-copy for="blob-path" class="btn btn-sm BtnGroup-item">
Copy path
</clipboard-copy>
<div id="blob-path">src/index.js</div>
Data sources
Attribute
<clipboard-copy value="src/index.js">Copy</clipboard-copy>
Element content
<clipboard-copy for="blob-path">Copy</clipboard-copy>
<div id="blob-path">src/index.js</div>
Form input
<clipboard-copy for="blob-path">Copy</clipboard-copy>
<input id="blob-path" value="src/index.js">
Hyperlink href
<clipboard-copy for="blob-path">Copy full URL</clipboard-copy>
<a id="blob-path" href="/path/to#my-blob">Link text will not be copied</a>
Events
After copying to the clipboard, a clipboard-copy
event is dispatched from
the <clipboard-copy>
element:
document.addEventListener('clipboard-copy', function(event) {
const button = event.target
button.classList.add('highlight')
})
Browser support
Browsers without native custom element support require a polyfill.
- Chrome
- Firefox
- Safari
- Microsoft Edge
Development
npm install
npm test
License
Distributed under the MIT license. See LICENSE for details.
Links
Compatibility
Was this helpful? Need more help?
Leave a comment or a question below. You can also join
the chat on Discord or
ask questions on StackOverflow.
Version
Dependencies
- Released
- 2019-04-22
- Maturity
- IMPORTED
- License
- MIT License
Compatibility
- Framework
- Browser
- Browser Independent
clipboard-copy-element - Vaadin Add-on Directory
Copy element text content or input values to the clipboard.View on GitHub
clipboard-copy-element version 0.1.0
### Dependencies
clipboard-copy-element version 0.2.0
### Dependencies
clipboard-copy-element version 0.3.0
### Dependencies
clipboard-copy-element version 0.3.1
### Dependencies
clipboard-copy-element version 0.4.0
### Dependencies
clipboard-copy-element version 0.5.0
### Dependencies
clipboard-copy-element version 0.6.0
### Dependencies
clipboard-copy-element version 0.7.0
### Dependencies
clipboard-copy-element version 1.0.0
### Dependencies