JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://fb.me/react-with-addons-0.8.0.js"></script>
<script src="http://react.zpao.com/builds/master/latest/JSXTransformer.js"></script>
<script src="http://fb.me/react-js-fiddle-integration.js"></script>

JavaScript 1.7

/** @jsx React.DOM */
var BrandLead = React.createClass({
  render: function(){
		return <input type="text" name="brandLead" >;
	}
});
 
/** @jsx React.DOM */
var StatusText = React.createClass({
	render: function(){
		return <textarea name="statusText"></textarea>;
	}
});
 
/** @jsx React.DOM */
var StatusReport = React.createClass({
	getInitalState: function(){
		return {data: {brandLead: "", status: ""}};
	},
	submitStatus: function(event){
		console.log('submitted');
	},
	render: function(){
		return	<div class="statusBox">
					<h1>This week's status</h1>
					<b>Brand lead:</b> <BrandLead /><br />
					<b>Status:</b><br />
					<StatusText /><br />
					<input type="submit" onClick={this.submitStatus} value="send" />
				</div>
	}
});
 
React.renderComponent(<StatusReport />, document.getElementById('container'));