About
Basic layout manager based on flexbox
Install
npm install react-flexpane --save
Usage
Basic
var <FlexPaneContainer> <FlexPane title="first pane"> ... </FlexPane> <FlexPane title="second pane"> ... </FlexPane> <FlexPane title="third pane"> ... </FlexPane> </FlexPaneContainer>
Adding elements to pane bar
Each pane has <FlexPaneBar/>
as a first child, if it is not specified, default one is added (which contains <FlexPaneButtons/>
and <FlexPaneTitle/>
).
<FlexPane> content </FlexPane>
is the same as
<FlexPane> <FlexPaneBar> <FlexPaneButtons/> <FlexPaneTitle/> </FlexPaneBar> content </FlexPane>
If you need custom elements in bar or you want to hide or rearrange buttons or title for some reason, use latter form.