57d5c2aed8fe51ac3fde8326bc3845399a851c2885fcc823773bbbfb77bc53cdb0ddefce206b3e82e0c0be13b76ac0babe29e463cde142be992e8c94977129 3.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
  1. # Splitpanes
  2. [![Latest Version on NPM](https://img.shields.io/npm/v/splitpanes.svg)](https://npmjs.com/package/splitpanes)
  3. [![Software License](https://img.shields.io/badge/license-MIT-brightgreen.svg)](LICENSE.md)
  4. [![npm](https://img.shields.io/npm/dt/splitpanes.svg)](https://www.npmjs.com/package/splitpanes)
  5. [![npm](https://img.shields.io/npm/dw/splitpanes.svg)](https://www.npmjs.com/package/splitpanes)
  6. > A Vue.js reliable, simple and touch-ready panes splitter / resizer.
  7. > Vue 3 compatible.
  8. ## Installation
  9. ```
  10. npm i splitpanes
  11. ```
  12. **Vue 3**
  13. ```
  14. npm i splitpanes@next
  15. ```
  16. ---
  17. ## Demo & Documentation
  18. > [https://antoniandre.github.io/splitpanes](https://antoniandre.github.io/splitpanes)
  19. ## Try it yourself
  20. > [https://codepen.io/antoniandre/pen/XybPKP](https://codepen.io/antoniandre/pen/XybPKP)
  21. ---
  22. ## Browser Support
  23. ![Chrome](https://raw.github.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png) | ![Firefox](https://raw.github.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png) | ![Safari](https://raw.github.com/alrra/browser-logos/master/src/safari/safari_48x48.png) | ![Opera](https://raw.github.com/alrra/browser-logos/master/src/opera/opera_48x48.png) | ![Edge](https://raw.github.com/alrra/browser-logos/master/src/edge/edge_48x48.png) | ![IE](https://raw.github.com/alrra/browser-logos/master/src/archive/internet-explorer_9-11/internet-explorer_9-11_48x48.png) |
  24. --- | --- | --- | --- | --- | --- |
  25. Latest ✔ | Latest ✔ | Latest ✔ | Latest ✔ | Latest ✔ | 10+ ✔ |
  26. ___
  27. ## Donating
  28. If you like this library, you can buy me a beer!
  29. [![paypal](https://www.paypalobjects.com/en_AU/i/btn/btn_donateCC_LG.gif)](https://www.paypal.me/antoniandre1)
  30. Thank you!
  31. If you are using this library for profit business, please consider [backing me up](https://github.com/sponsors/antoniandre)!
  32. It ensures that the project your products rely on keep being actively maintained. :)
  33. ___
  34. ## Contributing
  35. If you have any idea, feel free to open an issue to discuss a new feature, or fork Splitpanes and submit your changes back to me.
  36. ___
  37. ## Release Notes
  38. - __Version 2.3.0__ Support rtl direction
  39. - __Version 2.2.0__ Add `firstSplitter` option allow `v-if` on panes and other improvements
  40. - __Version 2.0.0__ Fix reactivity issues
  41. - __Version 1.14.0__ Programmatically set pane size
  42. - __Version 1.13.0__ Emit event on splitter click
  43. - __Version 1.12.0__ Double click splitter to maximize is now an option
  44. - __Version 1.11.0__ Persist panes size after slots changed
  45. - __Version 1.10.0__ Add maximum size feature on panes
  46. - __Version 1.9.0__ Emit event on resize & watch slots optional
  47. - __Version 1.8.0__ Watch slots
  48. - __Version 1.7.0__ Double click splitter to maximize next pane
  49. - __Version 1.6.0__ Emit events
  50. - __Version 1.5.0__ Add default size feature on panes (max feature coming soon!)
  51. - __Version 1.4.0__ Add minimum size feature on panes
  52. - __Version 1.3.0__ Splitpanes slots are now reactive (add/remove on the fly)
  53. - __Version 1.2.0__ Add a `default-theme` CSS class to load default theme
  54. - __Version 1.1.0__ Allow pushing other panes while dragging splitter
  55. - __Version 1.0.0__ First public release