diff --git a/docs/_plugins/markdown-it.ts b/docs/_plugins/markdown-it.ts
index b2cfd1ed56..c9b6ea53f1 100644
--- a/docs/_plugins/markdown-it.ts
+++ b/docs/_plugins/markdown-it.ts
@@ -69,7 +69,15 @@ function rhdsCodeBlock(md: MarkdownIt) {
                        dedent
                        actions="${actions.join(' ')}"
                        highlighting="prerendered"
-                       ${slf.renderAttrs(redactedToken)}>${rendered}</rh-code-block>`.trim();
+                       ${slf.renderAttrs(redactedToken)}>
+          <span slot="action-label-copy">Copy to Clipboard</span>
+          <span slot="action-label-copy" hidden="" data-code-block-state="active">Copied!</span>
+          ${!hasMoreThan1Line ? '' : html`
+            <span slot="action-label-wrap">Toggle word wrap</span>
+            <span slot="action-label-wrap" hidden="" data-code-block-state="active">Toggle overflow</span>
+          `}
+          ${rendered}
+        </rh-code-block>`.trim();
     } else {
       return rendered;
     }
diff --git a/docs/get-started/developers/tokens.md b/docs/get-started/developers/tokens.md
index 4a734ca76a..7b83b452ee 100644
--- a/docs/get-started/developers/tokens.md
+++ b/docs/get-started/developers/tokens.md
@@ -13,6 +13,7 @@ subnav:
 <script type="module" data-helmet>
   import '@uxdot/elements/uxdot-example.js';
   import '@rhds/elements/rh-code-block/rh-code-block.js';
+  import '@rhds/elements/rh-tooltip/rh-tooltip.js';
 </script>
 
 ## How to install tokens
diff --git a/docs/get-started/developers/usage.md b/docs/get-started/developers/usage.md
index 7bd062d98d..3bea961b6c 100644
--- a/docs/get-started/developers/usage.md
+++ b/docs/get-started/developers/usage.md
@@ -13,6 +13,7 @@ subnav:
 <script type="module" data-helmet>
   import '@uxdot/elements/uxdot-example.js';
   import '@rhds/elements/rh-code-block/rh-code-block.js';
+  import '@rhds/elements/rh-tooltip/rh-tooltip.js';
 </script>
 
 ## Usage