diff --git a/package-lock.json b/package-lock.json
index 5333e0b02..fc33e79ed 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -8,8 +8,8 @@
       "name": "code-sandbox",
       "version": "0.0.0",
       "dependencies": {
-        "@abgov/react-components": "5.3.0",
-        "@abgov/web-components": "1.28.0",
+        "@abgov/react-components": "5.0.0-alpha.12",
+        "@abgov/web-components": "1.17.0-alpha.123",
         "@faker-js/faker": "^8.3.1",
         "highlight.js": "^11.8.0",
         "octokit": "^4.0.2",
@@ -42,9 +42,9 @@
       }
     },
     "node_modules/@abgov/react-components": {
-      "version": "5.3.0",
-      "resolved": "https://registry.npmjs.org/@abgov/react-components/-/react-components-5.3.0.tgz",
-      "integrity": "sha512-AQbrEv4mMIYKThUT/lslAiZn1OtfcM2RQhMkKbRm/Y06Uf81hzkB9LhlkWw+tnWtgbRgXUTXxOxGkyQTbQ0NlA==",
+      "version": "5.0.0-alpha.12",
+      "resolved": "https://registry.npmjs.org/@abgov/react-components/-/react-components-5.0.0-alpha.12.tgz",
+      "integrity": "sha512-JQeq3oxgeIZobfS0yy5QuGJVsAKeW+wPYvAXw14V0eUBo7KitPvnG2HUAMJ8IEtl4RmSyh/Pcm5eCOhJy1jvPA==",
       "peerDependencies": {
         "@types/react": "^17.0.0 || ^18.0.0",
         "react": "^17.0.0 || ^18.0.0",
@@ -52,9 +52,9 @@
       }
     },
     "node_modules/@abgov/web-components": {
-      "version": "1.28.0",
-      "resolved": "https://registry.npmjs.org/@abgov/web-components/-/web-components-1.28.0.tgz",
-      "integrity": "sha512-0ReCvggXcDkuWT6+/sM2dNEl2a38XL2MlpZm7XCSq2P+/bCjBPVvkHwqEXj/VbwHvbHyGhsKtdSSh9rdmfggwg==",
+      "version": "1.17.0-alpha.123",
+      "resolved": "https://registry.npmjs.org/@abgov/web-components/-/web-components-1.17.0-alpha.123.tgz",
+      "integrity": "sha512-k/qhp7qUaDI1q+5NYiuC5KjngttTiX6/WzQjEOC/RKL6fQTLk67/ZacGN1T1Q36lwDONiGi+zPrfpFvjcAq75g==",
       "peerDependencies": {
         "@sveltejs/vite-plugin-svelte": "3.x",
         "glob": "10.x",
diff --git a/package.json b/package.json
index 2d09a195f..2ef5e7d6f 100644
--- a/package.json
+++ b/package.json
@@ -12,8 +12,8 @@
     "prettier": "npx prettier . --write"
   },
   "dependencies": {
-    "@abgov/react-components": "5.3.0",
-    "@abgov/web-components": "1.28.0",
+    "@abgov/react-components": "5.0.0-alpha.12",
+    "@abgov/web-components": "1.17.0-alpha.123",
     "@faker-js/faker": "^8.3.1",
     "highlight.js": "^11.8.0",
     "octokit": "^4.0.2",
diff --git a/src/routes/components/Accordion.tsx b/src/routes/components/Accordion.tsx
index 99027e2f0..12bf9036d 100644
--- a/src/routes/components/Accordion.tsx
+++ b/src/routes/components/Accordion.tsx
@@ -156,6 +156,18 @@ export default function AccordionPage() {
       type: "none | 3xs | 2xs | xs | s | m | l | xl | 2xl | 3xl | 4xl",
       description: "Apply margin to the top, right, bottom, and/or left of the component.",
     },
+    {
+      name: "_change",
+      lang: "angular",
+      type: "CustomEvent",
+      description: "Callback function when accordion heading is clicked.",
+    },
+    {
+      name: "onChange",
+      lang: "react",
+      type: "(open: boolean) => void",
+      description: "Callback function when accordion heading is clicked.",
+    }
   ];
 
   function onSandboxChange(bindings: ComponentBinding[], props: Record<string, unknown>) {