<EmojiPicture name="poop" height=100 width=100 />
for rendering a big poop on the client's screen. yay.
# @cjsx React.DOM | |
React = require('react') | |
EmojiPicture = React.createClass | |
getDefaultProps: -> | |
height: 20 | |
width: 20 | |
render: -> | |
<img src={ "http://a248.e.akamai.net/assets.github.com/images/icons/emoji/#{ @props.name }.png" } height={ @props.height } width={ @props.width }/> | |
module.exports = EmojiPicture |
(function() { | |
var EmojiPicture, React; | |
React = require('react'); | |
EmojiPicture = React.createClass({ | |
getDefaultProps: function() { | |
return { | |
height: 20, | |
width: 20 | |
}; | |
}, | |
render: function() { | |
return React.DOM.img({ | |
"src": "http://a248.e.akamai.net/assets.github.com/images/icons/emoji/" + this.props.name + ".png", | |
"height": this.props.height, | |
"width": this.props.width | |
}); | |
} | |
}); | |
module.exports = EmojiPicture; | |
}).call(this); |
/** @jsx React.DOM */ | |
var React = require('react') | |
var EmojiPicture = React.createClass({ | |
getDefaultProps: function() { | |
height: 20, | |
width: 20 | |
}, | |
render: function() { | |
return (<img src={ "http://a248.e.akamai.net/assets.github.com/images/icons/emoji/" + this.props.name + ".png" } height={ this.props.height } width={ this.props.width }/>); | |
} | |
}); | |
module.exports = EmojiPicture |