chore: add code preview to images docs

nerdyman · Apr 5, 2020 · 8986ac8 · 8986ac8
1 parent fb76bd0
commit 8986ac8
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/docs/2-Images.story.mdx b/docs/2-Images.story.mdx
@@ -1,4 +1,4 @@
-import { Meta, Props, Story } from '@storybook/addon-docs/blocks';
+import { Meta, Preview, Props, Story } from '@storybook/addon-docs/blocks';
 import { ReactCompareSlider, ReactCompareSliderImage } from '../src';
 
 <Meta title="Docs/Images" component={ReactCompareSlider} />
@@ -7,7 +7,9 @@ import { ReactCompareSlider, ReactCompareSliderImage } from '../src';
 
 <br />
 
-<Story id="demos-images--default" />
+<Preview>
+    <Story id="demos-images--default" />
+</Preview>
 
 Images can be rendered using the `ReactCompareSliderImage` component and/or 
 by using a custom image component, e.g. `picture` or `img`.