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.createClassrender: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:

<divclass="ui segment any-class-name-here"> Hello Syntax! </div>