Copy from Element

Use data-clipboard-target to copy text from a specific element.

Click the button to copy this promotional text.

Cut from Textarea

Use data-clipboard-action with cut to remove and copy content.

Copy Email Address

Click the button to copy this contact email:

Cut Input Value

This cuts the value from a single-line input field.

Copy Code Snippet

Copy this snippet by clicking the button:

npm install clipboard --save

Copy from Input Group

Click the copy icon to copy the link here:

Copy Username

Copy a predefined username from a span element.

Copy Discount Code

Copy a promotional discount code for checkout.

Copy HTML Template

Copy a block of HTML code from a <pre> tag.

<button class="btn btn-primary">Click Me</button>