A Vue JS simple and touch-ready panes splitter / resizer

A Vue JS simple and touch-ready panes splitter / resizer

A Vue JS reliable, simple and touch-ready panes splitter / resizer.

Splitpanes

Latest Version on NPM Software License npm

A Vue JS reliable, simple and touch-ready panes splitter / resizer.

Installation

npm i --S splitpanes

Demo & Documentation

https://antoniandre.github.io/splitpanes

Try it yourself

https://codepen.io/antoniandre/pen/XybPKP

Browser Support

Chrome Firefox Safari Opera Edge IE
Latest ✔ Latest ✔ Latest ✔ Latest ✔ Latest ✔ 10+ ✔

Release Notes

  • Version 1.14.0 Programmatically set pane size
  • Version 1.13.0 Emit event on splitter click
  • Version 1.12.0 Double click splitter to maximize is now an option
  • Version 1.11.0 Persist panes size after slots changed
  • Version 1.10.0 Add maximum size feature on panes
  • Version 1.9.0 Emit event on resize & watch slots optional
  • Version 1.8.0 Watch slots
  • Version 1.7.0 Double click splitter to maximize next pane
  • Version 1.6.0 Emit events
  • Version 1.5.0 Add default size feature on panes (max feature coming soon!)
  • Version 1.4.0 Add minimum size feature on panes
  • Version 1.3.0 Splitpanes slots are now reactive (add/remove on the fly)
  • Version 1.2.0 Add a default-theme CSS class to load default theme
  • Version 1.1.0 Allow pushing other panes while dragging splitter
  • Version 1.0.0 First public release

Github Repository

Tags: #VueJs #Layout