1.0.3 • Published 6 years ago

vue-panel-split v1.0.3

Weekly downloads
11
License
MIT
Repository
github
Last release
6 years ago

vue-panel-split

A split-panel component with draggable splitter for Vue.js, can be either horizontal or vertical.

Demo Here

Install

npm install vue-panel-split --save

Usage

<template>
    <div class="app">
        <split-panel :layout="'horizontal'" :gutter="10" :init="30" :min="10" :max="90">
            <div slot="1">
                I'm panel 1
            </div>
            <div slot="2">
                I'm panel 2
            </div>
        </split-panel>
    </div>
</template>
<script>
import splitPanel from 'vue-panel-split'

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

Optional Attributes

namedescriptionvaluesdefault
layoutlayout of the panel'horizontal' or 'vertical''horizontal'
guttergutter width in pxarbitrary8
initinitial width percentage of the first panel0 to 10050
minminimum width percentage of the first panel0 to 1000
miaxmaximum width percentage of the first panel0 to 100100

License

MIT