vue-split-pane

0.0.8 • Public • Published

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 dangvanthanh@dangthanh.org

Package Sidebar

Install

npm i vue-split-pane

Weekly Downloads

72

Version

0.0.8

License

MIT

Unpacked Size

65.3 kB

Total Files

10

Last publish

Collaborators

  • dangvanthanh