react-resizable-grid Demo

react-resizable-grid - simple React component to create resizable grid in your application.
Github:https://github.com/hexerrus/react-resizable-grid

Vertical split


<Rows>
  <Cell width="50%">left</Cell>
  <Splitter />
  <Cell>right</Cell>
</Rows>

Horisontal split


<Columns>
  <Cell height="50%">left</Cell>
  <Splitter />
  <Cell>right</Cell>
</Columns>

Use together


<Columns >
  <Cell height="20%">Top</Cell>
  <Splitter />
  <Cell height="60%">
    <Rows>
      <Cell width="20%">left</Cell>
      <Splitter />
      <Cell>center</Cell>
      <Splitter />
      <Cell>right</Cell>
    </Rows>
  </Cell>
  <Splitter />
  <Cell>
    Bottom
  </Cell>
</Columns>