Clipboard

Date: 17.06.2021 6.17am

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="btn btn-primary btn-clipboard mb-0 mt-3" data-clipboard-target="#inputClipboard">Copy</button>
<button class="btn btn-secondary btn-clipboard mb-0 mt-3" data-clipboard-target="#inputClipboard" data-clipboard-action="cut">Cut</button>
Js Activation
var clipboard = new ClipboardJS('.btn-clipboard');

For more Information please follow the Official Documentation