Handle ReFlex demo

re-flex-demo-handle.jsx

/////////////////////////////////////////////////////////
// Re-Flex handle element demo
//
/////////////////////////////////////////////////////////
class ReflexHandleDemo
  extends React.Component {

  render () {

    return (
      <ReflexContainer orientation="horizontal">
        <ReflexElement minSize={36}>
          <div className="handle">
            Top Pane Header
          </div>
          <div className="pane-content">
            <label>
              Top Pane
            </label>  
          </div>
        </ReflexElement>

        <ReflexSplitter/>

        <ReflexElement minSize={36}>
          <ReflexHandle className="handle">
            Bottom Pane Header: I am a draggable handle! 
            Drag me to resize ...
          </ReflexHandle>
          <div className="pane-content">
            <label>
              Bottom Pane
            </label>  
          </div>
        </ReflexElement>  

      </ReflexContainer>
    )
  }
}