use-copy

0.0.2 • Public • Published

useCopy 📋

A React Hook that provides an easy interface to copy textual data.

import React from 'react';
import useCopy from 'use-copy';
 
function Count() {
   const [copied, copy, setCopied] = useCopy("Text to copy");
 
   const copyText = () => {
     copy();
 
     setTimeout(() => {
       setCopied(false);
     }, 3000);
   };
 
   return (
       <div>
           { copied ? "Copied to clipboard" : <a onClick={copyText}>Copy text</a> }
       </div>
   );
}

Full example on Code Sandbox

Install

# Yarn 
yarn add use-copy
 
# NPM 
npm install use-copy

Features

  • Feather light
  • Pass dynamic text
  • Easy interface
  • Full Typescript support
  • Uses the battle-tested copy-to-clipboard

Prerequisites

⚠️ React hooks require react at version 16.7.0-alpha.0 or higher.

Issues & suggestions

If you find any runtime issues or have any suggestions on how to improve the package please do open an issue!

License

MIT License

Package Sidebar

Install

npm i use-copy

Weekly Downloads

1,072

Version

0.0.2

License

MIT

Unpacked Size

12.2 kB

Total Files

9

Last publish

Collaborators

  • animify