Elements / Clipboard

Clipboard on Text Input

Clipboard on Textarea

Clipboard on Paragraph

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quidem porro reiciendis odio in cumque omnis fuga iusto ipsam asperiores nesciunt officia officiis labore laboriosam aperiam deleniti consequatur debitis, ea. Veniam.

Copy Portion from Paragraph

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quidem porro reiciendis odio in cumque omnis fuga iusto ipsam asperiores nesciunt officia officiis labore laboriosam aperiam deleniti consequatur debitis, ea. Veniam.

How To Use

Basic Use HTML
<input id="inputClipboard" type="text" class="form-control" value="Hi There">
<button class="button button-primary button-clipboard mb-0 mt-15" data-clipboard-target="#inputClipboard">Copy</button>
<button class="button button-secondary button-clipboard mb-0 mt-15" data-clipboard-target="#inputClipboard" data-clipboard-action="cut">Cut</button>
Js Activation
var clipboard = new ClipboardJS('.button-clipboard');

For more Information please follow the Official Documentation