react-copy-button

> Copy to clipboard react button component. Demo: https://cham11ng.github.io/react-copy-button/


Install

``bash
yarn add react-copy-button
or
bun install react-copy-button
`

Usage

`jsx
// Functional Component with useRef hook.
import React from 'react';
import { useRef } from 'react';
import { useState } from 'react';

function App() {
const imageRef = useRef();
const url =
'https://upload.wikimedia.org/wikipedia/commons/thumb/a/a7/React-icon.svg/2000px-React-icon.svg.png';

return (







Copy Image

Copy Text
Copy Image (New)

);
}

// Class Component
import * as React from 'react';

import CopyButton from 'react-copy-button';

const url =
'https://upload.wikimedia.org/wikipedia/commons/thumb/a/a7/React-icon.svg/2000px-React-icon.svg.png';

class Example extends React.Component {
constructor(props) {
super(props);

this.imageRef = React.createRef();
}

render() {
return (

Copy Image

Copy Text
Copy Image (New)

);
}
}
`

Development

`bash


Package

$ bun run build
`

Release and Publish

`
$ gh release create 0.2.1 --generate-notes --prerelease

$ bun publish
``

Browser compatibility

- execCommand here.
- Navigator.clipboard here.

License

MIT © cham11ng