vue-split

A reusable Split component for Vue.js 2.x used by webtop applications.

Installation

npm install --save-dev @mintjamsinc/vue-split

Usage

<Split :onResize="onResize" min="20%" :initial="splitPercent" :show="[showFilter, true]">
  <template v-slot:pane1>
    <!-- Defines the pane1 content of your application -->
  </template>
  <template v-slot:pane2>
    <!-- Defines the pane2 content of your application -->
  </template>
</Split>

import Split from '@mintjamsinc/vue-split';

export default {
  components: {
    Split: Split,
  },
  data() {
    return {
      splitPercent: '28%',
      showFilter: true,
    };
  },
  methods: {
    onResize(percent) {
      window.Webtop.local.set('splitPercent', percent + '%');
    },
  },
}

License

MIT

Copyright (c) 2021 MintJams Inc.