<div styleName='container'>
    <div styleName='row'>
      <div styleName='six column'>
        <h2>Heading</h2>
      </div>
      <div styleName='six columns'>
        <input type='button' value='button input' />
      </div>
    </div>
  </div>

import React from 'react'
import CSSModules from 'react-css-modules'
 
import { base, buttons, grid } from 'css-skeleton'
let styles = {}
Object.assign(styles, base, buttons, grid)
 
class Test extends React.Component {
    render () {
        return (
        <div styleName='container'>
          <div styleName='row'>
            <div styleName='six column'>
              <h2>Heading</h2>
            </div>
            <div styleName='six columns'>
              <input type='button' value='button input' />
            </div>
          </div>
        </div>
        );
    }
}
 
export default CSSModules(Test, styles);