how do you show the "Copied!" tooltip
See original GitHub issueIn the demos I see a “Copied!” tooltip flashing but no extra code that seems to do that. In my implementation at least I don’t get that tooltip. my code (ReactJS with browserify) looks something like this:
var Clipboard = require('clipboard');
var MyComponent = React.createClass({
...
componentDidMount() {
this.userIdClipboard = new Clipboard('#userIdBox');
},
render() {
return( ....
<div id="userIdBox" data-clipboard-text={vid.performerId} data-clipboard-action="copy" className="pull-right">[{vid.performerId}]</div>);
}
}
What am I missing or is a bit of extra code needed?
Issue Analytics
- State:
- Created 8 years ago
- Reactions:1
- Comments:5 (2 by maintainers)
Top Results From Across the Web
Copy to Clipboard tooltip text with Pure CSS - CodePen
Analyze HTML; Maximize HTML Editor; Minimize HTML Editor; Fold All; Unfold All. xxxxxxxxxx. 7. 1. <button class="integration-checklist__copy-button">.
Read more >Tooltip display and copy - Laracasts
Hi Guys, In my project, I'm trying to display a tooltip on mouse hover and copy by on-click. below is code working for...
Read more >windows - Is there a way that a tooltip message that appears ...
If you want easy solution: Move mouse pointer on the item you want to copy its tooltip to show tooltip, mark all contents...
Read more >Tooltips + Highlight Animation With Clipboard.js Click
That means you can show a tooltip saying Copied! when success event is called and Press Ctrl+C to copy when error event is...
Read more >Bootstrap 5 copy to clipboard items with tooltips Example
Bootstrap 5 copy to clipboard items with tooltips snippet for your project . this snippet is created using HTML, CSS, Bootstrap 5, Javascript....
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found

I just wrote an example using Bootstrap’s tooltip: http://stackoverflow.com/questions/37381640/tooltips-highlight-animation-with-clipboard-js-click/37395225
Ultimately I would even just put this inside the library or provide an option to do so.