diff --git a/ui/app/styles/components/code-snippet.scss b/ui/app/styles/components/code-snippet.scss
new file mode 100644
index 000000000000..05c4e85c37ea
--- /dev/null
+++ b/ui/app/styles/components/code-snippet.scss
@@ -0,0 +1,20 @@
+.code-snippet-container {
+  background-color: $ui-gray-900;
+  display: flex;
+  justify-content: space-between;
+  border-radius: $radius-large;
+
+  code {
+    white-space: pre;
+  }
+}
+
+.code-snippet-copy-button {
+  cursor: pointer;
+  color: $ui-gray-300;
+  background: none;
+  border: none;
+  box-shadow: none;
+  min-width: auto;
+  padding: $size-11 $size-8;
+}
diff --git a/ui/app/styles/core.scss b/ui/app/styles/core.scss
index 045e0fe2116b..a18b9a07789b 100644
--- a/ui/app/styles/core.scss
+++ b/ui/app/styles/core.scss
@@ -59,6 +59,7 @@
 @import './components/box-radio';
 @import './components/calendar-widget';
 @import './components/codemirror';
+@import './components/code-snippet';
 @import './components/confirm';
 @import './components/console-ui-panel';
 @import './components/control-group';
diff --git a/ui/lib/core/addon/components/code-snippet.hbs b/ui/lib/core/addon/components/code-snippet.hbs
new file mode 100644
index 000000000000..05c85ea731b5
--- /dev/null
+++ b/ui/lib/core/addon/components/code-snippet.hbs
@@ -0,0 +1,20 @@
+{{!
+  Copyright (c) HashiCorp, Inc.
+  SPDX-License-Identifier: BUSL-1.1
+~}}
+
+<div class="code-snippet-container">
+  <code class="text-grey-lightest">
+    {{@codeBlock}}
+  </code>
+  {{! replace with Hds::Copy::Button }}
+  <CopyButton
+    class="code-snippet-copy-button"
+    @clipboardText={{or @clipboardCode @codeBlock}}
+    @buttonType="button"
+    @success={{action (set-flash-message "Code copied!")}}
+  >
+    Copy
+    <Icon @name="clipboard-copy" aria-label="Copy" />
+  </CopyButton>
+</div>
\ No newline at end of file
diff --git a/ui/lib/core/app/components/code-snippet.js b/ui/lib/core/app/components/code-snippet.js
new file mode 100644
index 000000000000..5a7fa66007a9
--- /dev/null
+++ b/ui/lib/core/app/components/code-snippet.js
@@ -0,0 +1,6 @@
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: BUSL-1.1
+ */
+
+export { default } from 'core/components/code-snippet';