https://github.com/panjiachen/vue-split-pane
Split-Pane component built with vue2.0, can be split vertically or horizontally. http://panjiachen.github.io/split-pane/demo/index.html
https://github.com/panjiachen/vue-split-pane
Last synced: 3 months ago
JSON representation
Split-Pane component built with vue2.0, can be split vertically or horizontally. http://panjiachen.github.io/split-pane/demo/index.html
- Host: GitHub
- URL: https://github.com/panjiachen/vue-split-pane
- Owner: PanJiaChen
- Created: 2017-07-07T07:14:23.000Z (about 8 years ago)
- Default Branch: master
- Last Pushed: 2020-10-07T02:17:15.000Z (almost 5 years ago)
- Last Synced: 2025-04-14T08:17:14.242Z (3 months ago)
- Language: JavaScript
- Homepage:
- Size: 35.2 KB
- Stars: 556
- Watchers: 9
- Forks: 104
- Open Issues: 14
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Vue Split Pane
Split-Pane component built with vue2.0, can be split vertically or horizontally.
## [Try the demo](http://panjiachen.github.io/split-pane/demo/index.html)
### How to use?
```bash
npm install vue-splitpane
#import
import splitPane from 'vue-splitpane'
# use as global component
Vue.component('split-pane', splitPane);
```
### Example
```html
A
B
```
```html
//nested
A
B
C
```
### Options
| 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 |