diff --git a/content/components/clipboard-copy-button.mdx b/content/components/clipboard-copy-button.mdx
new file mode 100644
index 000000000..f3289b9ef
--- /dev/null
+++ b/content/components/clipboard-copy-button.mdx
@@ -0,0 +1,23 @@
+---
+title: ClipboardCopyButton
+description: The `ClipboardCopy` component styled as a Primer button.
+railsIds:
+- Primer::Beta::ClipboardCopyButton
+---
+
+import ComponentLayout from '~/src/layouts/component-layout'
+import {Link, Text} from '@primer/react'
+import {Link as GatsbyLink} from 'gatsby'
+export default ComponentLayout
+import {AccessibilityLink} from '~/src/components/accessibility-link'
+
+<Note variant="warning">
+  <Text sx={{display: 'block', fontWeight: 'bold', mb: 2}}>Guidelines for this component are in progress</Text>
+  <Text>Interested in contributing? Review the guidelines for <Link as={GatsbyLink} to="/guides/contribute/documentation#documenting-components">writing component documentation</Link> and open a pull request in our <Link as={GatsbyLink} to="https://github.com/primer/design">documentation repository.</Link></Text>
+</Note>
+
+## Accessibility
+
+### Known accessibility issues (GitHub staff only)
+
+ <AccessibilityLink label="ClipboardCopyButton"/>
\ No newline at end of file