Re-Flex Demo basic splitter

re-flex-demo-basic-splitter.jsx

class ReflexBasicSplitterDemo extends React.Component {

  /////////////////////////////////////////////////////////
  // Basic vertical re-flex layout with resizable splitter
  //
  /////////////////////////////////////////////////////////
  render () {

    return (
      <ReflexContainer orientation="vertical">

        <ReflexElement>
          <div className="pane-content">Left Pane</div>
        </ReflexElement>

        <ReflexSplitter/>

        <ReflexElement>
          <div className="pane-content">Right Pane</div>
        </ReflexElement>

      </ReflexContainer>
    )
  }
}

ReactDOM.render(
  <ReflexBasicSplitterDemo/>,
  document.getElementById('demo-basic-splitter'))