setup markdown example

Author: ShMcK

web-app/src/components/Step/index.tsx

@@ -1,8 +1,8 @@
-import * as React from 'react'
-import Markdown from '../Markdown'
 import { Checkbox } from '@alifd/next'
+import * as React from 'react'
 // import CC from '../../typings/client'
 import CR from 'typings'
+import Markdown from '../Markdown'
 
 const styles = {
   card: {

web-app/stories/Step.stories.tsx

@@ -1,7 +1,7 @@
 import React from 'react'
 
+import { object, withKnobs } from '@storybook/addon-knobs'
 import { storiesOf } from '@storybook/react'
-import { withKnobs, object } from '@storybook/addon-knobs'
 import SideBarDecorator from './utils/SideBarDecorator'
 
 import Step from '../src/components/Step'
@@ -23,3 +23,26 @@ storiesOf('Tutorial SideBar', module)
       })}
     />
   ))
+  .add('Step Markdown', () => (
+    <Step
+      content={object('content', {
+        text: `Markdown included \`code\`, *bold*, & _italics_.
+\`\`\`
+var a = 12
+\`\`\`
+
+Headers can be added:
+
+# h1
+## h2
+### h3
+#### h4
+##### h5
+`,
+      })}
+      status={object('status', {
+        active: false,
+        complete: true,
+      })}
+    />
+  ))