diff --git a/v2/pink-sb/src/lib/Accordion.svelte b/v2/pink-sb/src/lib/Accordion.svelte
index 2d29df2308..243e5a7873 100644
--- a/v2/pink-sb/src/lib/Accordion.svelte
+++ b/v2/pink-sb/src/lib/Accordion.svelte
@@ -4,7 +4,7 @@
     import Text from '$lib/typography/Text.svelte';
     import { IconChevronDown } from '@appwrite.io/pink-icons-svelte';
     import { slide } from 'svelte/transition';
-    import type { ComponentProps, ComponentType } from 'svelte';
+    import { createEventDispatcher, type ComponentProps, type ComponentType } from 'svelte';
     import Checkbox from '$lib/selector/Checkbox.svelte';
     import Stack from './layout/Stack.svelte';
 
@@ -35,6 +35,14 @@
             open = !open;
         }
     }
+
+    let previousOpen = open;
+    const dispatch = createEventDispatcher();
+
+    $: if (open !== previousOpen) {
+        previousOpen = open;
+        dispatch('toggle', open);
+    }
 </script>
 
 <div style={`--accordion-button-padding: var(${buttonPadding})`}>