react-semantic-syntax
Semantic Syntax for className in React for easily working with CSS Frameworks such as Semantic-UI, Bootstrap, and others.
React = require 'react'
ReactDOM = require 'react-dom'
semantic = require 'react-semantic-syntax/.cjsx'
# React class example:
Segment = React.createClass
render: semantic ->
<div ui segment any-class-name-here> Hello Syntax! </div>
# Pure render-only component example:
Segment = semantic ->
<div ui segment any-class-name-here> Hello Syntax! </div>
# Render to the dom:
ReactDOM.render <Segment />, document.body.firstChild
Would render something like this on the dom:
<div class="ui segment any-class-name-here"> Hello Syntax! </div>