Add story for MDX dark mode docs

storybookjs · Mar 17, 2021 · 2322e1c · 2322e1c
1 parent d44ad0a
commit 2322e1c
Showing 1 changed file with 14 additions and 0 deletions.
diff --git a/examples/official-storybook/stories/addon-docs/mdx.stories.js b/examples/official-storybook/stories/addon-docs/mdx.stories.js
@@ -1,5 +1,6 @@
 import React from 'react';
 import { DocsContainer } from '@storybook/addon-docs/blocks';
+import { themes } from '@storybook/theming';
 import markdown from './markdown.stories.mdx';
 
 export default {
@@ -15,3 +16,16 @@ export const Typography = () => {
   const Docs = markdown.parameters.docs.page;
   return <Docs />;
 };
+
+export const DarkModeDocs = () => {
+  const Docs = markdown.parameters.docs.page;
+  return <Docs />;
+};
+
+DarkModeDocs.decorators = [
+  (storyFn) => (
+    <DocsContainer context={{ parameters: { docs: { theme: themes.dark } } }}>
+      {storyFn()}
+    </DocsContainer>
+  ),
+];