Split View

Simple react split view component with a draggable separator.
Easy to add in your favorite project.
Lightweight library.

Summary

1. Installation
1. Adding Split View in your project

How to install Split View component

---

$3

NPM below 5.0.0
``shell
npm install --save @ashxjs/split-view
`
NPM above 5.0.0
`shell
npm install @ashxjs/split-view
`

$3

`shell
yarn add @ashxjs/split-view
`
---

Using Split-View component

$3

$3

`javascript
import LeftComponent from "./LeftComponent";
import RightComponent from "./RightComponent";

const defaultPanelWidth = window.screen.widh / 3;

<>
left={LeftComponent}
right={RightComponent}
defaultLeftPanelWidth={defaultPanelWidth}
/>

`


$3


| Props name | Default value | Description |
| ----------- | ----------- | ----------- |
| left | none | Left component to render |
| right | none | Right component to render |
| defaultLeftPanelWidth` | none | Initialize the default left panel size when component first render |