1.3.2 • Published 10 months ago

react-multi-pane-split v1.3.2

Weekly downloads
-
License
ISC
Repository
-
Last release
10 months ago

react-multi-pane-split

A flexible and resizable split-pane component for React.

Installation

npm install react-multi-pane-split

OR

yarn add react-multi-pane-split

Basic working Code Example

import React from 'react';
import SplitPane from 'react-multi-pane-split';

const App = () => {
  return (
    <SplitPane>
      <div>Pane 1</div>
      <div>Pane 2</div>
    </SplitPane>
  );
};

export default App;

Props

PropDescriptionDefault Value
directionSpecifies the direction of splitting (horizontal or vertical)horizontal
initialSizesInitial sizes of each pane in pixelsScreen width or height (based on direction) divided equally
minSize Minimumsize in pixels that each pane can be resized to10
dividerClassCSS class for the divider between panes"" (none)
paneItemClassCSS class for each pane item"" (none)
classNameAdditional CSS class for the split-pane container"" (none)
onDragStartCallback function invoked when dragging startsundefined
onDragCallback function invoked during draggingundefined
onDragEndCallback function invoked when dragging endsundefined
1.3.2

10 months ago

1.3.1

1 year ago

1.3.0

1 year ago

1.2.0

1 year ago

1.1.1

1 year ago

1.1.0

1 year ago

1.0.0

1 year ago