Adjustable split pane using Vue.js
# yarn (recommend)
$ yarn add vue-split-pane
# npm
$ npm install vue-split-pane --save
<script src="https://unpkg.com/vue-split-pane"></script>
<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>
Name | Description |
---|---|
left |
The content of left pane |
right |
The content of right pane |
You can use vue-cli with vue-rollup-boilerplate templates or other vue templates
Author: dangvanthanh
Demo: http://vue-split-pane.surge.sh/
Source Code: https://github.com/dangvanthanh/vue-split-pane
#vuejs #vue #vue-js #javascript