react-split-container

React Split Container


Keywords
split, split-container, container, resizer, splitter, react-component, react
License
Unlicense
Install
npm install react-split-container@1.2.6

Documentation

react-split-container

React Split Container

Install

$ npm i --save react-split-container

Usage

import SplitContainer from 'react-split-container'
import 'react-split-container/index.css'

<SplitContainer
  defaultSplitAt={100}
>
  <div>first child</div>
  <div>second child</div>
</SplitContainer>

DON'T FORGET to include the index.css file!!!

API & Props

import SplitContainer from 'react-split-container'
import 'react-split-container/index.css'

<SplitContainer
  orientation="horizontal"
  defaultSplitAt={-100}
  collapsible={[true, false]}

>
  <div>first child</div>
  <div>second child</div>
</SplitContainer>
  • defaultSplitAt/splitAt - uncontrolled/controlled - where to split. Can use fixed values, percetange (eg: 30%) or 'auto'/'-auto'.

License

MIT