granite-clipboard
A lightweight element wrapping-up clipboard.js
granite-clipboard
A simple, lightweight element wrapping-up clipboard.js
Built on lit-element
The old Polymer 2.x-1.x version is available on the
polymer-hybrid-1.x-2.x
branch.
Doc & demo
https://lostinbrittany.github.io/granite-clipboard
Usage example
<granite-clipboard text="Text to be copied">
<div style="width:250px;height:50px;border-radius:5px;background-color:#aaaaff;cursor:pointer;">Click here</div>
</granite-clipboard>
Install
Install the component using npm:
$ npm i @granite-elements/granite-clipboard
Once installed, import it in your application:
import '@granite-elements/granite-clipboard/granite-clipboard.js';
Running demos and tests in browser
Fork the
granite-clipboard
repository and clone it locally.Make sure you have npm and the Polymer CLI installed.
When in the
granite-clipboard
directory, runnpm install
to install dependencies.Serve the project using Polyumer CLI:
polymer serve --npm
Open the demo in the browser
Attributes
Attribute | Type | Default | Description |
---|---|---|---|
text |
String | `` | The text to copy |
action |
String | copy |
The action to do (either copy or cut ) |
Contributing
- Fork it!
- Create your feature branch:
git checkout -b my-new-feature
- Commit your changes:
git commit -m 'Add some feature'
- Push to the branch:
git push origin my-new-feature
- Submit a pull request :D
License
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
- @migrate-to-esm/clipboard#2.0.1-1
- lit-element#^2.2.1
- Released
- 2019-11-07
- Maturity
- IMPORTED
- License
- MIT License
Compatibility
- Framework
- Polymer 3.0+ in 3.0.0
- Polymer 2.0+ in 1.2.3
- Polymer 1.0+ in 1.0.2
- Browser
- Browser Independent