diff --git a/packages/react-components/react-accordion/stories/Accordion/index.stories.tsx b/packages/react-components/react-accordion/stories/Accordion/index.stories.tsx
index a907bb76571f3..0c357aad221d2 100644
--- a/packages/react-components/react-accordion/stories/Accordion/index.stories.tsx
+++ b/packages/react-components/react-accordion/stories/Accordion/index.stories.tsx
@@ -1,4 +1,4 @@
-import { Accordion } from '@fluentui/react-components';
+import { Accordion, AccordionHeader, AccordionItem, AccordionPanel } from '@fluentui/react-components';
 export { Default } from './AccordionDefault.stories';
 export { Collapsible } from './AccordionCollapsible.stories';
 export { Controlled } from './AccordionControlled.stories';
@@ -17,6 +17,11 @@ import descriptionMd from './AccordionDescription.md';
 export default {
   title: 'Components/Accordion',
   component: Accordion,
+  subcomponents: {
+    AccordionItem,
+    AccordionHeader,
+    AccordionPanel,
+  },
   parameters: {
     actions: { argTypesRegex: '^on.*' },
     docs: {