wickynilliams / react-clipboard Goto Github PK
View Code? Open in Web Editor NEWComponent to allow user to easily copy text to clipboard
License: MIT License
Component to allow user to easily copy text to clipboard
License: MIT License
Hey @WickyNilliams! Thank you for putting this out there! I was wondering if and how can I make it work if there are multiple components which have this behavior on the same page? From your README, it seems that if no text is selected, this will come into action.
So, is there a way to declare any additional triggers around it, say, when only the parent is selected, etc? In Trello's case, it seems like they might be doing that given that they would run into the same problem.
Thoughts?
Due to time constraints, used React.__spread to avoid needing Object.assign
polyfill.
Options are:
Object.assign
and advise in README that polyfill is requiredHi,
I have question that does this module support custom key combination for copying to clipboard(like Ctrl+Alt+C)? Also if there is any support to custom menu implementation like in any react function I want to copy to clipboard dynamically and later paste it on some menu item click.
Is there any example for it? I couldn't find anything of this sought
Please make the component isomorphic. Now it can't be used for serverside rendering because it uses things like Element
.
Please :)
Using this in a meteor app and it seems to have trouble finding react
"dependencies": {
"antd": "^2.9.3",
"apollo-client": "^1.0.0-rc.3",
"apollo-errors": "^1.4.0",
"apollo-resolvers": "^1.0.2",
"autoprefixer": "^6.7.7",
"babel-runtime": "^6.23.0",
"bcrypt": "^0.8.7",
"body-parser": "^1.17.1",
"classnames": "^2.2.5",
"cors": "^2.8.3",
"express": "^4.15.2",
"graphql": "^0.9.5",
"graphql-loader": "^1.2.1",
"graphql-server-express": "^0.6.0",
"graphql-subscriptions": "^0.3.1",
"graphql-tag": "^1.3.1",
"graphql-tools": "^0.11.0",
"indexof": "0.0.1",
"invariant": "^2.2.1",
"lodash": "^4.17.4",
"meteor-apollo-accounts": "^2.0.1",
"meteor-node-stubs": "~0.2.0",
"moment": "^2.18.1",
"prop-types": "^15.5.10",
"raven-js": "^3.15.0",
"react": "^15.4.2",
"react-apollo": "^1.0.0-rc.3",
"react-burger-menu": "^2.0.2",
"react-clipboard": "^1.3.0",
"react-dom": "^15.4.2",
"react-html-email": "^1.2.0",
"react-redux": "^5.0.5",
"react-router": "^2.5.2",
"react-sidebar": "^2.3.2",
"redux": "^3.6.0",
"redux-devtools-extension": "^2.13.2",
"redux-thunk": "^2.2.0",
"subscriptions-transport-ws": "^0.5.5",
"tracker-component": "^1.3.21"
},
I meet a problem in typescript. There is no declaration(.d.ts)!
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.