Merge pull request #265 from vanessatran-ddi/chore/document-accordion…

…-event chore: add accordion onChange event
GovAlta · Nov 13, 2024 · 8d0458d · 8d0458d
2 parents 93997b3 + 2574722
commit 8d0458d
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 10 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git 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
@@ -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>) {