Add Copy component documentation (#1868)

Co-authored-by: Devin AI <158243242+devin-ai-integration[bot]@users.noreply.github.com>
Co-authored-by: Catherine Deskur <[email protected]>
Co-authored-by: Devin Logan <[email protected]>

Author: 3 people

.vale/styles/FernStyles/Acronyms.yml

@@ -100,3 +100,4 @@ exceptions:
   - FDR 
   - SSR
   - SSG
+  - REST

fern/products/docs/docs.yml

@@ -67,6 +67,9 @@ navigation:
             path: ./pages/component-library/default-components/code-blocks.mdx
             icon: fa-duotone fa-code
             slug: code-blocks
+          - page: Copy
+            path: ./pages/component-library/default-components/copy.mdx
+            icon: fa-duotone fa-copy
           - page: Download
             path: ./pages/component-library/default-components/download.mdx
             icon: fa-duotone fa-download

fern/products/docs/pages/changelog/2025-11-08.mdx

@@ -0,0 +1,12 @@
+## New Copy component for inline copyable text
+
+The `<Copy>` component makes text copyable with a single click. Use it inline to allow readers to quickly copy version numbers, commands, API keys, or other text snippets without selecting and copying manually.
+
+You can also customize what gets copied to the clipboard using the `clipboard` prop. This is useful when you want simplify commands, versions, or URLs for readability while copying complete values.
+
+```jsx Markdown
+Use the Fern CLI to build and consume REST APIs. The latest version is
+<Copy>v2.0</Copy>.
+```
+
+Read more in the [Copy component documentation](/learn/docs/writing-content/components/copy).

fern/products/docs/pages/component-library/default-components/copy.mdx

@@ -0,0 +1,44 @@
+---
+title: Copy
+description: Make text copyable with a click-to-copy button.
+---
+
+The `<Copy>` component makes text copyable with a single click. Use it inline to allow readers to copy version numbers, commands, API keys, or other text snippets without selecting and copying manually.
+
+## Usage
+
+<div className="highlight-frame">
+  <div className="highlight-frame-content">
+  Use the Fern CLI to build and consume REST APIs. The current version is <Copy>v2.0</Copy>.
+  </div>
+</div>
+
+```jsx Markdown
+Use the Fern CLI to build and consume REST APIs. The current version is <Copy>v2.0</Copy>.
+```
+
+## Variants
+
+### Custom clipboard content
+
+Use the `clipboard` prop to display one value while copying a different value to the clipboard This is useful when you want simplify commands, versions, or URLs for readability while copying complete values.
+
+<div className="highlight-frame">
+  <div className="highlight-frame-content">
+  Install the CLI using <Copy clipboard="npm install -g bamboo-leaf-cli">npm install</Copy>
+  </div>
+</div>
+
+```jsx Markdown
+Install the CLI using <Copy clipboard="npm install -g bamboo-leaf-cli">npm install</Copy>
+```
+
+## Properties
+
+<ParamField path="children" type="string | ReactNode" required={true}>
+  The text content to display and make copyable. This is what users see on the page.
+</ParamField>
+
+<ParamField path="clipboard" type="string" required={false}>
+  Custom text to copy to the clipboard. Use this when you want to display one value but copy a different value.
+</ParamField>

fern/products/docs/pages/component-library/default-components/overview.mdx

@@ -3,7 +3,7 @@ title: 'Components overview'
 description: 'Built-in components for creating interactive documentation'
 ---
 
-Fern includes 20 built-in components for creating interactive documentation. Select a component below to view usage examples and configuration options.
+Fern includes 21 built-in components for creating interactive documentation. Select a component below to view usage examples and configuration options.
 
 <CardGroup cols={3}>
   <Card
@@ -62,6 +62,13 @@ Fern includes 20 built-in components for creating interactive documentation. Sel
   >
     Code examples with syntax highlighting and interactive features
   </Card>
+  <Card
+    title="Copy"
+    icon="fa-duotone fa-clipboard"
+    href="/docs/writing-content/components/copy"
+  >
+    Make text copyable with a click-to-copy button
+  </Card>
   <Card
     title="Download"
     icon="fa-duotone fa-download"