The CopyButton
is a styled button that copies text into the user's clipboard.
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.
Import
import { CopyButton } from '@contentful/f36-components';
Examples
Basic
Changing the tooltip
You can modify tooltip text and its placement by using the following properties: tooltipCopiedText
, tooltipText
and tooltipProps
.
To read more about all possible values of tooltipProps
object, refer to Tooltip documentation.
Using with TextInput
Accessibility
You can pass a custom aria-label
through the label
prop.
Props (API reference)