The Vue Splitter is a layout user interface (UI) that provides resizable, expandable, collapsible, and nestable panes. It is useful for constructing different layouts in web apps such as Outlook style, Windows Explorer style, code editor UI, and more. The component can integrate other JavaScript...
importVueSplitter,{VueSplitterH,VueSplitterV}from'vue-splitter-pane' Vue.extend({ ..., components:{ VueSplitter,//registers vue-splitter, must provide orientation VueSplitterV,//registers vue-splitrer-v, for side by side arrangement VueSplitterH//registers vue-splitter-h for top/bottom arrangem...
importVueSplitterfrom'vue-splitter-pane'Vue.use(VueSplitter);#registersvue-splitter,vue-splitter-vandvue-splitter-h Vue Local Usage importVueSplitter,{VueSplitterH,VueSplitterV}from'vue-splitter-pane'Vue.extend({...,components:{VueSplitter,// registers vue-splitter, must provide orientationVueSplitt...
The Vue Splitter allows you to divide a page into two or more panes in a row and/or column structure. Each pane can be resized with by dragging a handle up and down or side to side. See the Vue Splitter demo Panes The panes are the Splitter’s content area, and the component provid...
The Splitter component for Vue provides an easy way to create dynamic layouts allowing you to resize and collapse panels. These panels actually are HTML container's children. You can create both horizontal and vertical splitters based on your needs. The component enables complex layouts with ...
Splitter allows you to set the minimum and maximum sizes for each pane. Resizing will not be occur over the minimum and maximum values. Composition API (~/src/App.vue) Options API (~/src/App.vue) <template> <ejs-splitter id='splitter' ref='splitterObj' width='600px' height='200px...
1. First, import and register the Splitter component in the script section of the src/App.vue file. ~/src/App.vue import { SplitterComponent, PanesDirective, PaneDirective } from '@syncfusion/ej2-vue-layouts'; export default { components: { 'ejs-splitter': SplitterComponent, 'e-pane'...
API Reference Documentation for the Vue Splitter User Interface Component jqxSplitter
vue-splitter-pane - 一个 Vuejs 组件,它以可调整的拆分排列(垂直或水平)呈现两个插槽。splitpanes - 一个 Vue JS 可靠,简单且可触摸的窗格拆分器/调整器。vue-mock-layout - 轻松模拟 Vue 应用程序的布局。vue-simple-drawer - 一个带有反弹动画的小抽屉面板,支持嵌套和自定义主题。方向:左/右/上/下vue...
splitpanes - A Vue JS reliable, simple and touch-ready panes splitter / resizer. vue-simple-drawer - A tiny drawer panel with bounced animation, nest supported and theme customized. directions: left/right/up/down vue-typed-virtual-list - [Vue 3.x] small, efficient, TypeScript-friendly virt...