react-toolbox/components/link.cjsx

32 lines
741 B
CoffeeScript

###
@todo
###
Style = require './style/link'
FontIcon = require "./font_icon"
module.exports = React.createClass
# -- States & Properties
propTypes:
route : React.PropTypes.array
icon : React.PropTypes.string
caption : React.PropTypes.string
style : React.PropTypes.string
onClick : React.PropTypes.func
# -- Events
onClick: (event) ->
@props.onClick? event, @
# -- Render
render: ->
<a data-component-link=""
href={"##{@props.route}"}
className={@props.style}
onClick={@onClick}
data-flex="horizontal center">
{ <FontIcon value={@props.icon} /> if @props.icon }
{ <abbr>{@props.caption}</abbr> if @props.caption }
</a>