copy-text-to-clipboard

What is copy-text-to-clipboard?

The 'copy-text-to-clipboard' npm package is a simple utility that allows you to copy text to the clipboard. It is lightweight and easy to use, making it a convenient choice for web applications that need to implement copy-to-clipboard functionality.

What are copy-text-to-clipboard's main functionalities?

Copy Text to Clipboard

This feature allows you to copy a given string of text to the clipboard. The code sample demonstrates how to import the package and use it to copy the text 'Hello, World!' to the clipboard.

const copy = require('copy-text-to-clipboard');
copy('Hello, World!');

Other packages similar to copy-text-to-clipboard

clipboardy

The 'clipboardy' package provides similar functionality but with additional features such as reading from the clipboard and handling images. It is more versatile but also slightly larger in size compared to 'copy-text-to-clipboard'.

clipboard.js

The 'clipboard.js' package is another alternative that offers more advanced features like handling copy and cut events. It is more feature-rich and suitable for complex use cases but may require more setup compared to 'copy-text-to-clipboard'.

react-copy-to-clipboard

The 'react-copy-to-clipboard' package is specifically designed for React applications. It provides a higher-level abstraction and integrates seamlessly with React components, making it a good choice for React developers.

README

copy-text-to-clipboard

Copy text to the clipboard in modern browsers (0.2 kB)

Try it out!

Comparison

• This module: 0.2 kB
• clipboard.js: 3.4 kB

Install

npm install copy-text-to-clipboard

Usage

import copy from 'copy-text-to-clipboard';

button.addEventListener('click', () => {
	copy('🦄🌈');
});

API

copy(text, options?)

Copy text to the clipboard.

Returns a boolean of whether it succeeded to copy the text.

Must be called in response to a user gesture event, like click or keyup.

options

Type: object

target

Type: HTMLElement
Default: document.body

Specify a DOM element where the temporary, behind-the-scenes textarea should be appended, in cases where you need to stay within a focus trap, like in a modal.

Related

• clipboardy - Access the system clipboard (copy/paste) in Node.js