vue-split-pane

Adjustable split pane using Vue.js

Install

# yarn (recommend)
$ yarn add vue-split-pane

# npm
$ npm install vue-split-pane --save

Usage

CDN

<script src="https://unpkg.com/vue-split-pane"></script>

.vue files

<template>
  <div class="app">
    <split-pane>
      <section slot="left">Left Pane</section>
      <section slot="right">Right Pane</section>
    </split-pane>
  </div>
</template>
 
<script>
import SplitPane from 'vue-split-pane'
 
export default {
  components: { SplitPane }
}
</script> 
 
<!-- optionally use our default style -->
<style src="vue-split-pane/themes/default.css"></style>

Slot

Name	Description
left	The content of left pane
right	The content of right pane

Build Setup

You can use vue-cli with vue-rollup-boilerplate templates or other vue templates

License

MIT © Dang Van Thanh [e-mail]