Vue Split Pane

Split-Pane component built with vue2.0, can be split vertically or horizontally.

Try the demo

$3

``bash
npm install vue-splitpane

#import
import splitPane from 'vue-splitpane'

use as global component


Vue.component('split-pane', splitPane);
`

$3

`html
v-on:resize="resize"
:min-percent="20"
:default-percent="30"
split="vertical"
>



`

`html
//nested
v-on:resize="resize"
:min-percent="20"
:default-percent="30"
split="vertical"
>



``

$3

| Property | Description | type | default |
| ----------- | --------------------- | :--------------------------: | :------------------: |
| split | the split type | String [horizontal,vertical] | must choose one type |
| min-percent | paneL max-min-percent | Number | 10 |
| max-percent | paneL max-percent | Number | 10 |