LETUNOFF DOCS

Library. Copy-to-clipboard

🧱 Суть

copy-to-clipboard – библиотека для копирования текста в буфер обмена.

📦 Проблема

Необходимо быстро скопировать текст с поддержкой различных браузеров.

✅ Решение

Использовать готовую библиотеку или нативный Clipboard API.

💻 Код

Установка:

npm install copy-to-clipboard

Использование

import copy from 'copy-to-clipboard';
 
copy('Hello world');

Использование с уведомлением:

import copy from 'copy-to-clipboard';
import { toast } from 'sonner';
 
function CopyButton() {
	const handleCopy = () => {
		copy('Текст');
		toast.success('Скопировано');
	};
 
return <button onClick={handleCopy}>Copy</button>;}

Современная альтернатива

Во многих случаях достаточно нативного API:

navigator.clipboard.writeText('Текст');

Библиотека полезна для поддержки старых браузеров и более стабильной работы.

🎯 Вывод

  • copy-to-clipboard упрощает копирование текста
  • в современных браузерах часто достаточно navigator.clipboard
  • удобно сочетать с toast-уведомлениями

🔗 Связано