Copy
A component that wraps content in a button with copy functionality. It is useful for quickly copying text to the clipboard, such as code snippets or configuration commands.
In this guide, you'll learn how to use the Copy component.
Was this example helpful?
Usage#
API Reference#
This component is based on the button
element and supports all of its props
Prop | Type | Default |
---|---|---|
content | string | - |
variant | "mini" | "default" | null | "default" |
asChild | boolean | false |
Was this helpful?
Usage Outside Medusa Admin#
If you're using the Copy
component in a project other than the Medusa Admin, make sure to include the TooltipProvider
somewhere up in your component tree, as the Copy
component uses a Tooltip:
Examples#
Copy with Custom Display#
Was this example helpful?
Copy Display As Child#
Using the asChild
prop, you can render the <Copy/>
as its child. This is useful if you want to render a custom button, to prevent rendering a button inside a button.
Copy command
Was this guide helpful?