Fix issue #329 (#338)

* Fix issue #329.

* Fix test cases failure because of blank line.

* Remove deleted Markdown props on README.

Author: sjstyle

README.markdown

@@ -333,7 +333,6 @@ Markdown generated tags aren't prop configurable, and instead render with your t
 |Name|PropType|Description|
 |---|---|---|
 |source|PropTypes.string| Markdown source |
-|mdastConfig| PropTypes.object | Mdast configuration object |
 
 <a name="element-tags"></a>
 ### Element Tags

src/components/__snapshots__/markdown-slides.test.js.snap

@@ -13,7 +13,6 @@ exports[`MarkdownSlides should render correctly when using function syntax 1`] =
     >
       
       ## Slide A Title
-      
     </Markdown>
   </Slide>
   <Slide
@@ -25,7 +24,6 @@ exports[`MarkdownSlides should render correctly when using function syntax 1`] =
     <Markdown
       style={Object {}}
     >
-      
       ## Slide B Title
           
     </Markdown>
@@ -45,7 +43,6 @@ exports[`MarkdownSlides should render correctly when using tagged template liter
       style={Object {}}
     >
       ## Slide 1 Title
-      
     </Markdown>
   </Slide>
   <Slide
@@ -57,7 +54,6 @@ exports[`MarkdownSlides should render correctly when using tagged template liter
     <Markdown
       style={Object {}}
     >
-      
       ## Slide 2 Title
     </Markdown>
   </Slide>
@@ -77,7 +73,6 @@ exports[`MarkdownSlides should render correctly when using tagged template liter
     >
       ## Slide 1 Title
       This text is **bold**.
-      
     </Markdown>
   </Slide>
   <Slide
@@ -89,7 +84,6 @@ exports[`MarkdownSlides should render correctly when using tagged template liter
     <Markdown
       style={Object {}}
     >
-      
       ## Slide 2 Title
     </Markdown>
   </Slide>

src/components/markdown.js

@@ -70,15 +70,23 @@ const compile = marksy({
 export default class Markdown extends Component {
   static propTypes = {
     children: PropTypes.node,
-    style: PropTypes.object,
+    source: PropTypes.string,
+    style: PropTypes.object
   };
 
   static defaultProps = {
     style: {},
   };
 
   render() {
-    const { style, children } = this.props;
+    const { style, children, source } = this.props;
+    if (source) {
+      return (
+        <div style={style}>
+          {compile(source).tree}
+        </div>
+      );
+    }
     return (
       <div style={style}>
         {compile(children).tree}