Skip to content

Semantic Syntax for className in React for easily working with CSS Frameworks such as Semantic-UI, Bootstrap, and others.

License

Notifications You must be signed in to change notification settings

JavascriptIsMagic/react-semantic-syntax

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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>

About

Semantic Syntax for className in React for easily working with CSS Frameworks such as Semantic-UI, Bootstrap, and others.

Resources

License

Stars

Watchers

Forks

Packages

No packages published