npmpackage.info

Gathering detailed insights and metrics for react-use-clipboard

Other packages similar to react-use-clipboard

use-clipboard-copy

0.2.0

Lightweight copy to clipboard hook for React

use-clipboard-api

0.3.6

📋useClipboardApi is a React Hook that consumes Web Clipboard API.

use-clippy

1.0.9

A React hook for reading from and writing to the clipboard.

react-use-copy-to-clipboard

1.0.1

this hook is needed to copy text to the clipboard when clicking on any element

Gathering detailed insights and metrics for react-use-clipboard

react-use-clipboard

React hook that provides copy to clipboard functionality.

1.0.9

265

MIT

TypeScript

1.20 kB

10,602,072 2.6

Installations

npm install react-use-clipboard

Developer Guide

BETA

Typescript

Yes

Module System

CommonJS

Node Version

12.22.12

NPM Version

6.14.16 Score

93.9

Supply Chain

69.7

Quality

75.7

Maintenance

100

Vulnerability

100

License

Pull Requests

Open

4

Total

71

Closed

13

Merged

54

Issues

Open

3

Total

10

Closed

7

Releases

v1.0.9

Updated on Oct 10, 2022

v1.0.8

Updated on Apr 06, 2022

v1.0.7

Updated on Dec 29, 2020

v1.0.6

Updated on Dec 21, 2020

v1.0.5

Updated on Dec 19, 2020

v1.0.4

Updated on Dec 19, 2020

View All 14 releases

Contributors

Unable to fetch Contributors

View All 6 Contributors

Languages

TypeScript

JavaScript

TypeScript (75.82%)

JavaScript (24.18%)

Love this project? Help keep it running — sponsor us today! 🚀

Developer

danoc

Download Statistics

Total Downloads

10,602,072

Last Day

8,177

Last Week

45,083

Last Month

200,556

Last Year

2,827,287

GitHub Statistics

MIT License

265 Stars

101 Commits

15 Forks

1 Watchers

4 Branches

6 Contributors

Updated on Nov 17, 2024

Bundle Size

2.61 kB

Minified

1.20 kB

Minified + Gzipped

Bundlephobia

Maintainers

Package Meta Information

Latest Version

1.0.9

Package Id

react-use-clipboard@1.0.9

Unpacked Size

12.84 kB

Size

4.04 kB

File Count

NPM Version

6.14.16

Node Version

12.22.12

Total Downloads

Cumulative downloads

Total Downloads

10,602,072

Last Day

-0.3%

8,177

Compared to previous day

Last Week

1.5%

45,083

Compared to previous week

Last Month

34.2%

200,556

Compared to previous month

Last Year

-7.4%

2,827,287

Compared to previous year

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

📋 react-use-clipboard

A React Hook that provides copy to clipboard functionality.

Install

You can install react-use-clipboard with NPM or Yarn.

1npm install react-use-clipboard

1yarn add react-use-clipboard

Usage

Here's how to use react-use-clipboard:

1import useClipboard from "react-use-clipboard";
2
3function App() {
4  const [isCopied, setCopied] = useClipboard("Text to copy");
5
6  return (
7    <button onClick={setCopied}>
8      Was it copied? {isCopied ? "Yes! 👍" : "Nope! 👎"}
9    </button>
10  );
11}

You can reset the isCopied value after a certain amount of time with the successDuration option.

1import useClipboard from "react-use-clipboard";
2
3function App() {
4  const [isCopied, setCopied] = useClipboard("Text to copy", {
5    // `isCopied` will go back to `false` after 1000ms.
6    successDuration: 1000,
7  });
8
9  return (
10    <button onClick={setCopied}>
11      Was it copied? {isCopied ? "Yes! 👍" : "Nope! 👎"}
12    </button>
13  );
14}

This package only works in versions of React that support Hooks.

No vulnerabilities found.

10

Dangerous-Workflow

Determines if the project's GitHub Action workflows avoid dangerous patterns.

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

10

License

Determines if the project has defined a license.

1

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

Maintained

Determines if the project is "actively maintained".

0

Pinned-Dependencies

Determines if the project has declared and pinned the dependencies of its build process.

0

Token-Permissions

Determines if the project's workflows follow the principle of least privilege.

0

Security-Policy

Determines if the project has published a security policy.

0

Fuzzing

Determines if the project uses fuzzing.

0

Branch-Protection

Determines if the default and release branches are protected with GitHub's branch protection settings.

0

SAST

Determines if the project uses static code analysis.

0

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

Score

2.6

/10

Last Scanned on 2025-02-17

The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.

Learn More

Other packages similar to react-use-clipboard

Other packages similar to react-use-clipboard

react-use-clipboard

Installations

Developer Guide

Yes

CommonJS

12.22.12

6.14.16

Score

Pull Requests

4

71

13

54

Issues

3

10

7

Releases

Contributors

Unable to fetch Contributors

Languages

Developer

danoc

Download Statistics

GitHub Statistics

Bundle Size

2.61 kB

1.20 kB

Maintainers

Package Meta Information

Total Downloads

10,602,072

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

Peer Dependencies

Dev Dependencies

📋 react-use-clipboard

Install

Usage

10

10

10

1

0

0

0

0

0

0

0

0

0

2.6

/10