JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://fb.me/react-js-fiddle-integration.js"></script>
CSS
svg {
border: 1px solid black;
}
JavaScript 1.7
/** @jsx React.DOM */
var Hello = React.createClass({
getInitialState: function() {
return {x:10, y:10, width:40, height:40};
},
render: function() {
return (
<svg onClick={this.handleClick}>
<rect x="10"
y="10"
width="100"
height="100"
opacity="1"
stroke="blue"
strokeWidth="8"
fillOpacity="0.5"
strokeOpacity="0.4"/>
</svg>
);
}
});
React.renderComponent(<Hello name="World" />, document.body);