Copy to clipboard

Copy text from another element

Just add data-clipboard-target attribute in your trigger element.
The id name you added to attribute needs to match with element selector.


In the web world, it's all about great user experience. Many times we need to use the data to copy paste from one place to another. For instance, if you are providing the CDN or any other data on your web pages that need to be copied, it will be great to use click to copy functionality as it allows users to select and copy the target data in a single click event.

HTML markup

Cut text

You can also cut the text with data-clipboard-action attribute, parameters options cut or copy


HTML markup
Paste your text here