diff --git a/src/examples/link-the-user-to-give-feedback-to-the-service.tsx b/src/examples/link-the-user-to-give-feedback-to-the-service.tsx
index 5684c2e74..cf4682fdf 100644
--- a/src/examples/link-the-user-to-give-feedback-to-the-service.tsx
+++ b/src/examples/link-the-user-to-give-feedback-to-the-service.tsx
@@ -1,15 +1,137 @@
 import { GoabMicrositeHeader } from "@abgov/react-components";
 import { Sandbox } from "@components/sandbox";
+import { CodeSnippet } from "@components/code-snippet/CodeSnippet.tsx";
+import { useContext } from "react";
+import { LanguageVersionContext } from "@contexts/LanguageVersionContext.tsx";
 
 export default function GiveFeedbackLinkExample() {
+  const {version} = useContext(LanguageVersionContext);
   const onClick = () => {
     console.log("Feedback clicked");
     alert("Thank you for your feedback!");
   };
+
   return (
     <>
 
-      <Sandbox fullWidth>
+      <Sandbox fullWidth skipRender>
+
+        {/*Angular code*/}
+        {version === "old" && <CodeSnippet
+          lang="typescript"
+          tags="angular"
+          allowCopy={true}
+          code={`
+            @Component({
+              selector: "abgov-microsite-header",
+              templateUrl: "./microsite-header.component.html",
+            })
+            export class MicrositeHeaderComponent {
+              constructor() {}
+
+              handleFeedbackClick(event: Event) {
+                console.log("Feedback clicked");
+                alert("Thank you for your feedback!");
+              }
+            }
+          `}
+        />}
+
+         {/*Angular code*/}
+        {version === "old" && <CodeSnippet
+          lang="typescript"
+          tags="angular"
+          allowCopy={true}
+          code={`
+            <goa-microsite-header
+              type="alpha"
+              [hasfeedbackhandler]="true"
+              (_feedbackClick)="handleFeedbackClick($event)"
+            ></goa-microsite-header>
+          `}
+        />}
+
+        {/*Angular code*/}
+        {version === "new" && <CodeSnippet
+          lang="typescript"
+          tags="angular"
+          allowCopy={true}
+          code={`
+            @Component({
+              selector: "abgov-microsite-header",
+              templateUrl: "./microsite-header.component.html",
+            })
+            export class MicrositeHeaderComponent {
+              constructor() {}
+
+              handleFeedbackClick(event: Event) {
+                console.log("Feedback clicked");
+                alert("Thank you for your feedback!");
+              }
+            }
+          `}
+        />}
+        
+        {/*Angular code*/}
+        {version === "new" && <CodeSnippet
+          lang="typescript"
+          tags="angular"
+          allowCopy={true}
+          code={`
+            <goab-microsite-header
+              type="alpha"
+              [hasfeedbackhandler]="true"
+              (_feedbackClick)="handleFeedbackClick($event)"
+            ></goab-microsite-header>
+          `}
+        />}
+
+        {/*React code*/}
+        {version === "old" && <CodeSnippet
+          lang="typescript"
+          tags="react"
+          allowCopy={true}
+          code={`
+            const onClick = () => {
+              console.log("Feedback clicked");
+              alert("Thank you for your feedback!");
+            };
+          `}
+        />}
+
+        {/*React code*/}
+        {version === "old" && <CodeSnippet
+          lang="typescript"
+          tags="react"
+          allowCopy={true}
+          code={`
+            <GoAMicrositeHeader type="alpha" onFeedbackClick={onClick} />
+          `}
+        />}
+        
+        {/*React code*/}
+        {version === "new" && <CodeSnippet
+          lang="typescript"
+          tags="react"
+          allowCopy={true}
+          code={`
+            const onClick = () => {
+              console.log("Feedback clicked");
+              alert("Thank you for your feedback!");
+            };
+          `}
+        />}
+
+        {/*React code*/}
+        {version === "new" && <CodeSnippet
+          lang="typescript"
+          tags="react"
+          allowCopy={true}
+          code={`
+            <GoabMicrositeHeader type="alpha" onFeedbackClick={onClick} />
+          `}
+        />}
+
         <GoabMicrositeHeader type="alpha" onFeedbackClick={onClick} />
         {/* ...React + Angular code snippets here (same as original)... */}
       </Sandbox>
diff --git a/src/examples/show-version-number.tsx b/src/examples/show-version-number.tsx
index 2c16a9e97..f75609233 100644
--- a/src/examples/show-version-number.tsx
+++ b/src/examples/show-version-number.tsx
@@ -1,20 +1,70 @@
 import { GoabMicrositeHeader } from "@abgov/react-components";
 import { Sandbox } from "@components/sandbox";
+import { CodeSnippet } from "@components/code-snippet/CodeSnippet.tsx";
+import { useContext } from "react";
+import { LanguageVersionContext } from "@contexts/LanguageVersionContext.tsx";
 
 export default function ShowVersionNumberExample() {
+  const {version} = useContext(LanguageVersionContext);
 
   return (
     <>
       <Sandbox fullWidth skipRender>
+
+        {/*Angular code*/}
+        {version === "old" && <CodeSnippet
+          lang="typescript"
+          tags="angular"
+          allowCopy={true}
+          code={`
+            <goa-microsite-header type="alpha">
+              <div slot="version">v1.23</div>
+            </goa-microsite-header>
+          `}
+        />}
+        
+        {/*Angular code*/}
+        {version === "new" && <CodeSnippet
+          lang="typescript"
+          tags="angular"
+          allowCopy={true}
+          code={`
+            <goab-microsite-header type="alpha">
+              <div slot="version">v1.23</div>
+            </goab-microsite-header>
+          `}
+        />}
+
+        {/*React code*/}
+        {version === "old" && <CodeSnippet
+          lang="typescript"
+          tags="react"
+          allowCopy={true}
+          code={`
+            <GoAMicrositeHeader
+              type="alpha"
+              version="v1.23"
+            ></GoAMicrositeHeader>
+          `}
+        />}
+
+        {/*React code*/}
+        {version === "new" && <CodeSnippet
+          lang="typescript"
+          tags="react"
+          allowCopy={true}
+          code={`
+            <GoabMicrositeHeader
+              type="alpha"
+              version="v1.23"
+            ></GoabMicrositeHeader>
+          `}
+        />}
+
         {/* ...React + Angular code snippets here (same as original)... */}
         <GoabMicrositeHeader
           type="alpha"
-          version={
-            <>
-              <span>Slotted <b>version text</b>.</span>
-              <span>v1.23</span>
-            </>
-          }
+          version="v1.23"
         />
       </Sandbox>
     </>