var React = require('react');
var MarkdownEditor = require('react-markdown-editor').MarkdownEditor;

var TestComponent = React.createClass({
	render: function() {
		return (
			<MarkdownEditor initialContent="Test" iconsSet="font-awesome"/>
		);
	}
});

React.render(<TestComponent />, document.getElementById('content'));

- initialContent which is the text you want the textarea to contain on initialization.
- iconsSet which is the icons provider you want to use. It can either be font-awesome or materialize-ui

- styleMarkdownEditorHeader : 
	- display: 'flex'
	- flexDirection: 'column'
	- borderBottom: '1px solid #ddd'
	- marginLeft: '0px'
	- marginRight: '0px'
	- minHeight: '50px'
	- justifyContent: 'center'
	- position: 'relative'
- styleMarkdownEditorContainer :
	- display: 'flex'
	- flexDirection: 'column'
	- marginTop: '2px'
	- paddingTop: '10px'
	- border: '1px solid #ddd'
	- backgroundColor: '#f7f7f7'
- styleMarkdownMenu :
	- margin: '5px 0'
	- flex: '1'
	- display: 'flex'
	- position: 'absolute'
	- right: '20px'
	- top: '10px'
- styleMarkdownTextArea : 
	- height: '90%'
	- width: '100%'
	- padding: '30px 10px'
	- border: 'none'
- styleMarkdownPreviewArea : 
	- height: '90%'
	- width: '100%'
	- padding: '30px 10px'
	- backgroundColor: '#fff'
	- border: 'none'
- styleMarkdownEditorTabs : 
	- border: 'none'
	- display: 'flex'
	- justifyContent: 'flex-start'
- styleTab :
	- padding: '0px 20px'
	- cursor: 'pointer'
	- display: 'flex'
	- justifyContent: 'center'
	- alignItems: 'center'
	- height: '50px'
- styleActiveTab :
	- padding: '0px 20px'
	- cursor: 'pointer'
	- display: 'flex'
	- justifyContent: 'center'
	- alignItems: 'center'
	- height: '50px'
	- borderLeft: '1px solid #ddd'
	- borderRight: '1px solid #ddd'
	- borderTop: '1px solid #ddd'
	- backgroundColor: '#fff'
	- borderRadius: '3px'

cd Example
npm install
webpack
open index.html