split-pane-v3

中文文档README.zh_CN.md

demo

About

- Split-pane-v3 is a split panel component based on VUE3+TS, this component functions similar to 'vscode' panel splitting, commonly found in online code editors! According to turn,this can be understood as the Vue3 version of the project.

Get Start

> download

npm install split-pane-v3 --save

or

npm i split-pane-v3 -S

``html



``

> ---

Options

| IDX | Name | Type | default | explain |
| --- | -------------- | ------ | ------- | ---------------------------------------------------------------------------- |
| 1 | minPercent | Number | 10 | Minimum value of the current panel (%) |
| 2 | defaultPercent | Number | 50 | Default display value of the current panel (%) |
| 3 | split | String | - | The display mode of the current panel can be upper or lower or left or right |
| 4 | class-name | String | - | The class name of the split gesture for the current panel |

> ---

slot

| IDX | Name | explain |
| --- | ----- | ----------------------------------------------- |
| 1 | paneL | First slot inside split panel (left or top) |
| 2 | paneR | First slot inside split panel (right or bottom) |