diff --git a/packages/react-components/react-teaching-popover/stories/src/TeachingPopover/index.stories.tsx b/packages/react-components/react-teaching-popover/stories/src/TeachingPopover/index.stories.tsx
index 9208b84e1e88d6..ee368de31103d4 100644
--- a/packages/react-components/react-teaching-popover/stories/src/TeachingPopover/index.stories.tsx
+++ b/packages/react-components/react-teaching-popover/stories/src/TeachingPopover/index.stories.tsx
@@ -1,4 +1,18 @@
-import { TeachingPopover } from '@fluentui/react-components';
+import {
+  TeachingPopover,
+  TeachingPopoverBody,
+  TeachingPopoverCarousel,
+  TeachingPopoverCarouselCard,
+  TeachingPopoverCarouselFooter,
+  TeachingPopoverCarouselNav,
+  TeachingPopoverCarouselNavButton,
+  TeachingPopoverCarouselPageCount,
+  TeachingPopoverFooter,
+  TeachingPopoverHeader,
+  TeachingPopoverSurface,
+  TeachingPopoverTitle,
+  TeachingPopoverTrigger,
+} from '@fluentui/react-components';
 import descriptionMd from './TeachingPopoverDescription.md';
 
 export { Default } from './TeachingPopoverDefault.stories';
@@ -10,6 +24,20 @@ export { CarouselText } from './TeachingPopoverCarouselText.stories';
 export default {
   title: 'Components/TeachingPopover',
   component: TeachingPopover,
+  subcomponents: {
+    TeachingPopoverBody,
+    TeachingPopoverCarousel,
+    TeachingPopoverCarouselCard,
+    TeachingPopoverCarouselFooter,
+    TeachingPopoverCarouselNav,
+    TeachingPopoverCarouselNavButton,
+    TeachingPopoverCarouselPageCount,
+    TeachingPopoverFooter,
+    TeachingPopoverHeader,
+    TeachingPopoverSurface,
+    TeachingPopoverTitle,
+    TeachingPopoverTrigger,
+  },
   parameters: {
     docs: {
       description: {