Add Copy component documentation #1868
Conversation
- Add new Copy component page with usage examples and properties - Add Copy component to navigation in docs.yml - Add changelog entry for 2025-11-08 Co-Authored-By: Catherine Deskur <[email protected]>
🤖 Devin AI EngineerI'll be helping with this pull request! Here's what you should know: ✅ I will automatically:
Note: I can only respond to comments from users who have write access to this repository. ⚙️ Control Options:
|
![github-actions[bot]](https://avatars.githubusercontent.com/in/15368?s=60&v=4){kind=small}
| 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 quickly copy version numbers, commands, API keys, or other text snippets without selecting and copying manually. |
There was a problem hiding this comment.
📝 [vale] reported by reviewdog 🐶
[FernStyles.Adverbs] Remove 'quickly' if it's not important to the meaning of the statement.
|
|
||
| <div className="highlight-frame"> | ||
| <div className="highlight-frame-content"> | ||
| Use the Fern CLI to build and consume REST APIs. The latest version is <Copy>v2.0</Copy>. |
There was a problem hiding this comment.
📝 [vale] reported by reviewdog 🐶
[FernStyles.Acronyms] 'REST' has no definition.
|
|
||
| <div className="highlight-frame"> | ||
| <div className="highlight-frame-content"> | ||
| Use the Fern CLI to build and consume REST APIs. The latest version is <Copy>v2.0</Copy>. |
There was a problem hiding this comment.
[FernStyles.Current] Avoid time-relative terms like 'latest' that become outdated
- Remove adverb 'quickly' from intro paragraph - Replace 'latest' with 'current' to avoid time-relative term Co-Authored-By: Catherine Deskur <[email protected]>
|
|
||
| <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>. |
There was a problem hiding this comment.
📝 [vale] reported by reviewdog 🐶
[FernStyles.Acronyms] 'REST' has no definition.
| @@ -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. | |||
There was a problem hiding this comment.
📝 [vale] reported by reviewdog 🐶
[FernStyles.Adverbs] Remove 'quickly' if it's not important to the meaning of the statement.
Add Copy component documentation
Summary
This PR adds documentation for the new
<Copy>component that makes text copyable inline with a click-to-copy button. The component supports an optionalclipboardprop to customize what gets copied versus what's displayed.Changes include:
Review & Testing Checklist for Human
clipboardprop correctly overrides the copied contentclipboard="foobopbar"example is a placeholder from the Slack message. Consider whether a more realistic example would be better (e.g., copying a full command while displaying abbreviated text).Notes
depends-on: docs@latestlabel because the frontend needs to be released before this documentation goes live