https://github.com/dangvanthanh/vue-split-pane

Adjustable split pane using Vue.js
https://github.com/dangvanthanh/vue-split-pane

split-pane vue vue-split-pane

Last synced: 21 days ago
JSON representation

Adjustable split pane using Vue.js

• Host: GitHub
• URL: https://github.com/dangvanthanh/vue-split-pane
• Owner: dangvanthanh
• Created: 2017-02-09T13:23:28.000Z (almost 8 years ago)
• Default Branch: main
• Last Pushed: 2023-12-02T06:23:40.000Z (12 months ago)
• Last Synced: 2024-10-12T19:27:22.612Z (about 1 month ago)
• Topics: split-pane, vue, vue-split-pane
• Language: JavaScript
• Homepage: http://vue-split-pane.surge.sh/
• Size: 977 KB
• Stars: 30
• Watchers: 4
• Forks: 8
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Vue Split Pane

> Adjustable split pane using Vue.js

![](screenshot.gif)

## Install

```

# yarn (recommend)

$ yarn add vue-split-pane

# npm

$ npm install vue-split-pane --save

```

## Usage

### CDN

```html

```

### .vue files

```vue

  


    

      Left Pane

      Right Pane

    

  


import VueSplitPane from 'vue-split-pane';

export default {

  components: { VueSplitPane },

};

@import 'vue-split-pane/dist/vue-split-pane.esm.css';

```

## Slot

| Name    | Description               |

| ------- | ------------------------- |

| `left`  | The content of left pane  |

| `right` | The content of right pane |

## Build Setup

You can use [vue-cli](https://github.com/vuejs/vue-cli) with [vue-rollup-boilerplate templates](https://github.com/dangvanthanh/vue-rollup-boilerplate) or [other vue templates](https://github.com/vuejs-templates)

## License

MIT © Dang Van Thanh