diff --git a/code/examples/official-storybook/stories/addon-docs/addon-docs-mdx.stories.mdx b/code/examples/official-storybook/stories/addon-docs/addon-docs-mdx.stories.mdx
index e23e82ee2425..2538ddc4d9c9 100644
--- a/code/examples/official-storybook/stories/addon-docs/addon-docs-mdx.stories.mdx
+++ b/code/examples/official-storybook/stories/addon-docs/addon-docs-mdx.stories.mdx
@@ -196,6 +196,12 @@ Fixed layout requires custom `height` since it can't be determined.
   </Story>
 </Canvas>
 
+### withSource="open"
+
+<Canvas withSource="open">
+  <h2>source open</h2>
+</Canvas>
+
 ## Docs Disable
 
 <Story name="docs disable" parameters={{ docs: { disable: true } }}>
diff --git a/code/lib/blocks/src/blocks/Canvas.tsx b/code/lib/blocks/src/blocks/Canvas.tsx
index 5c2225273384..3641b422911d 100644
--- a/code/lib/blocks/src/blocks/Canvas.tsx
+++ b/code/lib/blocks/src/blocks/Canvas.tsx
@@ -34,6 +34,7 @@ const getPreviewProps = (
       previewProps: {
         ...props,
         withSource: getSourceProps({ code: decodeURI(mdxSource) }, docsContext, sourceContext),
+        isExpanded: sourceState === SourceState.OPEN,
       },
     };
   }