vue-splitter

For splitting a Vue in two!

Demo

Compatible with Vue 3 only.

Installing

Install from npm.

npm i @rmp135/vue-splitter

Import the component. The styling is included.

import VueSplitter from '@rmp135/vue-splitter'

Use it in the HTML template, populating the left-pane and right-pane slots.

<vue-splitter>
  <div slot="left-pane">
    <div>Some left content here.</div>
  </div>
  <div slot="right-pane">
    <div>Some right content here.</div>
  </div>
</vue-splitter>

Bind to the percent prop for two-way binding on the splitter position.

See the Documentation for more props, events and styling.