vue-splitpane
    DefinitelyTyped icon, indicating that this package has TypeScript declarations provided by the separate @types/vue-splitpane package

    1.0.6 • Public • Published

    Vue Split Pane

    Split-Pane component built with vue2.0, can be split vertically or horizontally.

    Try the demo

    How to use?

    npm install vue-splitpane
     
    #import 
    import splitPane from 'vue-splitpane'
     
    # use as global component 
    Vue.component('split-pane', splitPane);

    Example

       <split-pane v-on:resize="resize" :min-percent='20' :default-percent='30' split="vertical">
          <template slot="paneL">
            A
          </template>
          <template slot="paneR">
            B
          </template>
        </split-pane>
      //nested
       <split-pane v-on:resize="resize" :min-percent='20' :default-percent='30' split="vertical">
          <template slot="paneL">
            A
          </template>
          <template slot="paneR">
            <split-pane split="horizontal">
              <template slot="paneL">
               B
              </template>
              <template slot="paneR">
                C
              </template>
            </split-pane>
          </template>
        </split-pane>

    Options

    Property Description type default
    split the split type String [horizontal,vertical] must choose one type
    min-percent paneL max-min-percent Number 10
    max-percent paneL max-percent Number 10

    Keywords

    none

    Install

    npm i vue-splitpane

    DownloadsWeekly Downloads

    16,859

    Version

    1.0.6

    License

    MIT

    Unpacked Size

    32.7 kB

    Total Files

    13

    Last publish

    Collaborators

    • panjiachen