react-use-clipboard-copy 1.0.0

package/README.md

@@ -0,0 +1,25 @@
+# use-clipboard-copy
+
+Simple React clipboard hook.
+
+## Install
+
+```bash
+npm install use-clipboard-copy
+```
+
+## Usage
+
+```jsx
+import { useClipboard } from "use-clipboard-copy";
+
+function App() {
+  const { copy, copied } = useClipboard();
+
+  return (
+    <button onClick={() => copy("Hello")}>
+      {copied ? "Copied!" : "Copy"}
+    </button>
+  );
+}
+```

package/package.json

@@ -0,0 +1,15 @@
+{
+  "name": "react-use-clipboard-copy",
+  "version": "1.0.0",
+  "description": "Simple React hook for clipboard copy",
+  "main": "src/index.js",
+  "keywords": [
+    "react",
+    "hook",
+    "clipboard"
+  ],
+  "license": "MIT",
+  "peerDependencies": {
+    "react": ">=18"
+  }
+}

package/src/index.js

@@ -0,0 +1,20 @@
+import { useState } from "react";
+
+export function useClipboard(){
+  const [copied, setCopied] = useState(false);
+
+  const copy = async (text) =>{
+    try {
+      await navigator.clipboard.writeText(text);
+      setCopied(true);
+      return true;
+    } catch (error) {
+      setCopied(false);
+      return false;
+    }
+  }
+
+  return {
+    copy,copied
+  }
+}