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

Dependents (3)

Package Sidebar

Install

npm i use-copy

Weekly Downloads

881

Version

0.0.2

License

MIT

Unpacked Size

12.2 kB

Total Files

9

Last publish

Collaborators

  • animify