New release
Introducing a visual refresh to Forma 36 React componentsRelease notes
Forma 36

Copy Button

StorybookGithub
stable

CopyButton

The CopyButton is a styled button that copies text into the user's clipboard. This is useful in combination with for example tables or inputs that show values that the user is likely to use elsewhere, such as automatically generated passwords.

Table of contents

How to use CopyButton

CopyButton can be used in combination with text inputs where the input value should be easy to copy. In such cases it is best to position the CopyButton at the end of the input.

Code examples

An example with a custom tooltip: