📋 use-clipboard-api
useClipboardApi() is a React Hook that consumes Web Clipboard API.
!buildbuild-badgebuild !versionversion-badgepackage !MIT Licenselicense-badgelicense !downloadsdownloads-badgenpmtrends
Table of Contents
Motivation
- Easy way to use Clipboard API into your React project;
Usage
To start using theuse-clipboard-api
in your project, first install in your project:yarn add use-clipboard-api
or npm install use-clipboard-api
Copy to clipboard:
import useClipboardApi from 'use-clipboard-api';
function App() {
const [value, copy] = useClipboardApi();
return (
<div>
<button onClick={() => copy('Text to be copied.')}>Copy me!</button>
<p>Copied value: {value}</p>
</div>
);
}
export default App;