From 5bddd6fd3a5071455f7328823a2911574d987826 Mon Sep 17 00:00:00 2001
From: jonniebigodes <joaocontadesenvolvimento@gmail.com>
Date: Tue, 11 Aug 2020 02:54:32 +0100
Subject: [PATCH] updates per feedback

---
 docs/snippets/common/badge-story.mdx.mdx                      | 4 +++-
 docs/snippets/common/checkbox-story.mdx.mdx                   | 4 +++-
 .../snippets/common/component-story-mdx-story-by-name.mdx.mdx | 4 ++--
 docs/snippets/common/mdx-canvas-multiple-stories.mdx.mdx      | 4 ++--
 4 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/docs/snippets/common/badge-story.mdx.mdx b/docs/snippets/common/badge-story.mdx.mdx
index 403d3d842af8..3d9fe4de6236 100644
--- a/docs/snippets/common/badge-story.mdx.mdx
+++ b/docs/snippets/common/badge-story.mdx.mdx
@@ -2,7 +2,7 @@
 
 <!---Badge.stories.mdx --->
 
-<!--- This is your Story template function, shown here in React -->
+
 
 import { Meta, Story, Canvas } from '@storybook/addon-docs/blocks';
 
@@ -11,6 +11,8 @@ import { Icon } from './Icon';
 
 <Meta title="MDX/Badge" component={Badge} />
 
+<!--- This is your Story template function, shown here in React -->
+
 export const Template = (args) => <Badge {...args } />
 
 # Badge
diff --git a/docs/snippets/common/checkbox-story.mdx.mdx b/docs/snippets/common/checkbox-story.mdx.mdx
index 95a295de9adf..ae727730e1ac 100644
--- a/docs/snippets/common/checkbox-story.mdx.mdx
+++ b/docs/snippets/common/checkbox-story.mdx.mdx
@@ -1,7 +1,7 @@
 ```md
 <!--- Checkbox.stories.mdx -->
 
-<!--- This is your Story template function, shown here in React -->
+
 
 import { Meta, Story, Canvas } from '@storybook/addon-docs/blocks';
 import { Checkbox } from './Checkbox';
@@ -13,6 +13,8 @@ import { Checkbox } from './Checkbox';
 With `MDX` we can define a story for `Checkbox` right in the middle of our
 Markdown documentation.
 
+<!--- This is your Story template function, shown here in React -->
+
 export const Template = (args) => <Checkbox {...args} />
 
 <Canvas>
diff --git a/docs/snippets/common/component-story-mdx-story-by-name.mdx.mdx b/docs/snippets/common/component-story-mdx-story-by-name.mdx.mdx
index 72e47b838b9a..af1b3abb6040 100644
--- a/docs/snippets/common/component-story-mdx-story-by-name.mdx.mdx
+++ b/docs/snippets/common/component-story-mdx-story-by-name.mdx.mdx
@@ -1,11 +1,11 @@
 ```md
 <!-- Button.stories.mdx --->
 
-<!--- This is your Story template function, shown here in React -->
-
 import { Story } from '@storybook/addon-docs/blocks';
 import { Button } from './Button';
 
+<!--- This is your Story template function, shown here in React -->
+
 export const Template = (args) => <Button {...args} />;
 
 <Story name="Basic" args={{ label: ‘hello’ }}>
diff --git a/docs/snippets/common/mdx-canvas-multiple-stories.mdx.mdx b/docs/snippets/common/mdx-canvas-multiple-stories.mdx.mdx
index 03b47e664a18..ed754c143c5f 100644
--- a/docs/snippets/common/mdx-canvas-multiple-stories.mdx.mdx
+++ b/docs/snippets/common/mdx-canvas-multiple-stories.mdx.mdx
@@ -1,10 +1,10 @@
 ```md
 <!-- MyComponent.stories.mdx --->
 
-<!--- This is your Story template function, shown here in React -->
-
 import { Canvas } from '@storybook/addon-docs/blocks';
 
+<!--- This is your Story template function, shown here in React -->
+
 export const Template = (args) => <Badge {...args } />;
 
 <Canvas>