Merge pull request #9940 from storybookjs/add/stories-for-layout-mdx

ADD stories for layout in mdx as example and regression test
storybookjs · Feb 26, 2020 · 92f9e23 · 92f9e23
2 parents 2b8e15b + aa201f6
commit 92f9e23
Showing 1 changed file with 25 additions and 0 deletions.
diff --git a/examples/official-storybook/stories/core/layout.stories.mdx b/examples/official-storybook/stories/core/layout.stories.mdx
@@ -0,0 +1,25 @@
+import { Button } from '@storybook/react/demo';
+
+<Meta
+ title="Core/Layout MDX"
+ component={Button}
+ id="core-layout-mdx"
+ decorators={[storyFn => <div style={{ backgroundColor: 'yellow' }}>{storyFn()}</div>]}
+/>
+
+# Selected
+
+<Preview>
+ <Story name="defaultValue">
+ <Button>Hello world</Button>
+ </Story>
+ <Story name="padded" parameters={{ layout: 'padded' }}>
+ <Button>Hello world</Button>
+ </Story>
+ <Story name="fullscreen" parameters={{ layout: 'fullscreen' }}>
+ <Button>Hello world</Button>
+ </Story>
+ <Story name="centered" parameters={{ layout: 'centered' }}>
+ <Button>Hello world</Button>
+ </Story>
+</Preview>