diff --git a/index.html b/index.html index d74b4d4..cfe776e 100644 --- a/index.html +++ b/index.html @@ -63,7 +63,9 @@ allowtransparency="true" frameborder="0" scrolling="0" width="156" height="30"><
<!-- Trigger -->
-<button class="btn" data-text="Heya!">Copy</button>
+<button class="btn" data-text="Just because you can doesn't mean you should — clipboard.js">
+ Copy to clipboard
+</button>
<!-- Target -->
-<input id="foo" value="https://git.io/vn3cM">
+<input id="foo" value="https://github.com/zenorocha/clipboard.js.git">
<!-- Trigger -->
-<button class="btn" data-target="foo">Copy</button>
+<button class="btn" data-target="foo">
+ <img src="assets/clippy.svg" alt="Copy to clipboard">
+</button>
<!-- Target -->
-<textarea id="bar">clipboard.js rocks!</textarea>
+<textarea id="bar">Mussum ipsum cacilds...</textarea>
<!-- Trigger -->
<button class="btn" data-action="cut" data-target="bar">
- Copy
+ Cut to clipboard
</button>
As you may expect, the cut
action only works on <input>
or <textarea>
elements.