fix: example

JeremyRH · Jul 1, 2024 · 7d0dd74 · 7d0dd74
1 parent 4c72c40
commit 7d0dd74
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 3 deletions.
diff --git a/example/package-lock.json b/example/package-lock.json
diff --git a/example/src/intro.mdx b/example/src/intro.mdx
@@ -105,13 +105,24 @@ ${code}
     Wrapped in a custom component with editor options (no minimap)
   </h1>
 );`;
+  const Wrapper = (props) => (
+    <div style={{ background: '#EEE', padding: '10px' }}>{props.children}</div>
+  );
   return (
     <Playground
-      defaultEditorOptions={{minimap: { enabled: false}}}
+      defaultEditorOptions={{minimap: { enabled: false }}}
+      WrappingComponent={Wrapper}
       code={`
 /\* MDX:
 import { Playground } from 'storybook-addon-code-editor';
-<Playground code="${code}" />
+const Wrapper = (props) => (
+  <div style={{ background: '#EEE', padding: '10px' }}>{props.children}</div>
+);
+<Playground
+  defaultEditorOptions={{minimap: { enabled: false }}}
+  WrappingComponent={Wrapper}
+  code="${code}"
+/>
 */
 ${code}
       `.trim()}