diff --git a/packages/design-system/src/components/N8nInfoAccordion/InfoAccordion.stories.ts b/packages/design-system/src/components/N8nInfoAccordion/InfoAccordion.stories.ts
index 7a69b5891..2bf881ee9 100644
--- a/packages/design-system/src/components/N8nInfoAccordion/InfoAccordion.stories.ts
+++ b/packages/design-system/src/components/N8nInfoAccordion/InfoAccordion.stories.ts
@@ -2,6 +2,7 @@
 
 import N8nInfoAccordion from './InfoAccordion.vue';
 import { StoryFn } from "@storybook/vue";
+import { action } from "@storybook/addon-actions";
 
 export default {
 	title: 'Atoms/Info Accordion',
@@ -13,12 +14,17 @@ export default {
 	},
 };
 
+const methods = {
+	onClick: action('click'),
+};
+
 export const Default: StoryFn = (args, {argTypes}) => ({
 	props: Object.keys(argTypes),
 	components: {
 		N8nInfoAccordion,
 	},
 	template: '<n8n-info-accordion v-bind="$props" @click="onClick" />',
+	methods,
 });
 
 Default.args = {