Adjustable split pane using Vue.js

vue-split-pane

Adjustable split panes using this component made with Vue.js.

Example

Install

yarn (recommend)

$ yarn add vue-split-pane

npm

$ npm install vue-split-pane --save

Usage

.vue files

<template>
<div id="app">
<div>
            <split-pane>
        <section slot="left">
            Left Pane
            <h1>Read this </h1>
        </section>
        <section slot="right">Right Pane
            <h4>Look at the tittle</h4>
        </section>
    </split>
</div>
</template>

<script>
import SplitPane from 'vue-split-pane'

export default {
components: {
    SplitPane
}
}
</script>

Slot

  • left The content of left pane
  • right The content of right pane

vue-split-pane is available on NPM.