useCopyText

A simple hook to copy text from a given HTML element to your clipboard with copy-to-clipboard library.

Install and import #

yarn add @welcome-ui/utils.copy react react-dom styled-components

import { Copy } from '@welcome-ui/utils.copy'

Copy the content of an element #

Copy the content from another HTML element by creating a ref and passing it to useCopyText.

You can pass a timeout value (in milliseconds) to "reset" the copied value.

This text will be copied
Copy text
Show editor

Copy a string #

You can also copy a simple string

Copy URL
Show editor

Dependencies #

• - copy-to-clipboard
  ^3.2.0

Peer dependencies #

• - react
  ^16.10.2 || ^17.0.1
• - react-dom
  ^16.10.2 || ^17.0.1
• - styled-components
  ^5.2.1