Directory

← Back

granite-clipboard

A lightweight element wrapping-up clipboard.js

Author

Rating

Popularity

<100

Published on Vaadin  Directory Stars on vaadin.com/directory

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

  1. Fork the granite-clipboard repository and clone it locally.

  2. Make sure you have npm and the Polymer CLI installed.

  3. When in the granite-clipboard directory, run npm install to install dependencies.

  4. Serve the project using Polyumer CLI:

    polymer serve --npm

  5. 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

  1. Fork it!
  2. Create your feature branch: git checkout -b my-new-feature
  3. Commit your changes: git commit -m 'Add some feature'
  4. Push to the branch: git push origin my-new-feature
  5. Submit a pull request :D

License

MIT License

Compatibility

(Loading compatibility data...)

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

granite-clipboard - Vaadin Add-on Directory

A lightweight element wrapping-up clipboard.js granite-clipboard - Vaadin Add-on Directory
[![Published on Vaadin Directory](https://img.shields.io/badge/Vaadin%20Directory-published-00b4f0.svg)](https://vaadin.com/directory/component/LostInBrittanygranite-clipboard) [![Stars on vaadin.com/directory](https://img.shields.io/vaadin-directory/star/LostInBrittanygranite-clipboard.svg)](https://vaadin.com/directory/component/LostInBrittanygranite-clipboard) # granite-clipboard # A simple, lightweight element wrapping-up [clipboard.js](https://clipboardjs.com/) > Built on [lit-element](https://github.com/Polymer/lit-element) > > The old Polymer 2.x-1.x version is available on the [`polymer-hybrid-1.x-2.x` branch](https://github.com/LostInBrittany/granite-clipboard/tree/polymer-hybrid-1.x-2.x). ## Doc & demo [https://lostinbrittany.github.io/granite-clipboard](https://lostinbrittany.github.io/granite-clipboard) ## Usage example ```html
Click here
``` ## Install Install the component using [npm](https://www.npmjs.com/): ```sh $ 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 1. Fork the `granite-clipboard` repository and clone it locally. 1. Make sure you have [npm](https://www.npmjs.com/) and the [Polymer CLI](https://www.polymer-project.org/3.0/docs/tools/polymer-cli) installed. 1. When in the `granite-clipboard` directory, run `npm install` to install dependencies. 1. Serve the project using Polyumer CLI: `polymer serve --npm` 1. Open the demo in the browser - http://127.0.0.1:8080/components/@greanite-elements/granite-clipboard/demo ## Attributes Attribute | Type | Default | Description --- | --- | --- | --- `text` | *String* | `` | The text to copy `action` | *String* | `copy` | The action to do (either `copy` or `cut`) ## Contributing 1. Fork it! 2. Create your feature branch: `git checkout -b my-new-feature` 3. Commit your changes: `git commit -m 'Add some feature'` 4. Push to the branch: `git push origin my-new-feature` 5. Submit a pull request :D ## License [MIT License](http://opensource.org/licenses/MIT)
Online