vue-split-pane | Pane component built with vue2.0 , can be | Frontend Framework library

 by   PanJiaChen JavaScript Version: 1.0.5 License: No License

kandi X-RAY | vue-split-pane Summary

kandi X-RAY | vue-split-pane Summary

vue-split-pane is a JavaScript library typically used in User Interface, Frontend Framework, Angular, React, Ruby On Rails applications. vue-split-pane has no bugs, it has no vulnerabilities and it has low support. You can install using 'npm i vue-splitpane' or download it from GitHub, npm.

Split-Pane component built with vue2.0, can be split vertically or horizontally.

            kandi-support Support

              vue-split-pane has a low active ecosystem.
              It has 500 star(s) with 103 fork(s). There are 9 watchers for this library.
              It had no major release in the last 12 months.
              There are 13 open issues and 2 have been closed. On average issues are closed in 113 days. There are 2 open pull requests and 0 closed requests.
              It has a neutral sentiment in the developer community.
              The latest version of vue-split-pane is 1.0.5

            kandi-Quality Quality

              vue-split-pane has 0 bugs and 0 code smells.

            kandi-Security Security

              vue-split-pane has no vulnerabilities reported, and its dependent libraries have no vulnerabilities reported.
              vue-split-pane code analysis shows 0 unresolved vulnerabilities.
              There are 0 security hotspots that need review.

            kandi-License License

              vue-split-pane does not have a standard license declared.
              Check the repository for any license declaration and review the terms closely.
              Without a license, all rights are reserved, and you cannot use the library in your applications.

            kandi-Reuse Reuse

              vue-split-pane releases are available to install and integrate.
              Deployable package is available in npm.
              Installation instructions are not available. Examples and code snippets are available.

            Top functions reviewed by kandi - BETA

            kandi's functional review helps you automatically verify the functionalities of the libraries and avoid rework.
            Currently covering the most popular Java, JavaScript and Python libraries. See a Sample of vue-split-pane
            Get all kandi verified functions for this library.

            vue-split-pane Key Features

            No Key Features are available at this moment for vue-split-pane.

            vue-split-pane Examples and Code Snippets

            No Code Snippets are available at this moment for vue-split-pane.

            Community Discussions


            CSS issues with Vuetify for responsivity using Vue-Split-Panel and select border
            Asked 2019-Oct-18 at 21:18

            I'm having a variety of CSS issues with Vuetify that I'm hoping someone can help me resolve. I'm using a split panel view (vue-split-panel) with Vuetify, but Vuetify doesn't seem to consistently recognize when to trigger the full-column width, as shown below. I'm able to "trigger" the full column width (for the same split panel width) by just opening and then closing the Chrome js console. I put this into a codesandbox so that it's reproducible. In doing so, I see a new issue that the radio buttons aren't showing.


            If you're able to show me how to tweak the sandbox to make the responsivity work I'd so appreciate it!

            Supposed to be a radio button:

            Also, an issue that I can't reproduce in the codesandbox but I'm experiencing in my app (it's a JupyterLab extension) is shown in the bottom screenshot: the select label has the border line going through it. I tried to find if there is a CSS conflict somewhere but didn't know exactly where to look.

            Furthermore I also have an issue that the select menu is offset proportional to the left menu, for some reason... why does opening the left and top menus effect the position? How can I fix it? I've tried using the "attach" property and adding an id to the element itself, or creating a parent div, but neither seems to solve it. This is ~slightly reproducible in the sandbox by making the split panel wide and clicking the multi-select, then making it narrower and clicking again. You'll see that the menu is offset when it opens.

            Solutions that don't involve iFrames would be preferred, and yes, I do have my app wrapped with , however since it's a JupyterLab extension I only have access to the main tab space (not the left or top menus) so the v-app is wrapped around the HTML element which is the main tab area, not the full screen.

            I think there might be a bug in the Vuetify code somewhere around this function:



            Answered 2019-Oct-18 at 21:18

            I have resolved all the CSS issues

            Refactotred the grid layout by adding the proper components and breakdowns in UI. Added a fix to radio buttons. Added the css dependencies, material icons dependencies, fonts which vuetify uses internally

            Check for the working codepen here:


            Community Discussions, Code Snippets contain sources that include Stack Exchange Network


            No vulnerabilities reported

            Install vue-split-pane

            You can install using 'npm i vue-splitpane' or download it from GitHub, npm.


            For any new features, suggestions and bugs create an issue on GitHub. If you have any questions check and ask questions on community page Stack Overflow .
            Find more information at:

            Find, review, and download reusable Libraries, Code Snippets, Cloud APIs from over 650 million Knowledge Items

            Find more libraries
          • HTTPS


          • CLI

            gh repo clone PanJiaChen/vue-split-pane

          • sshUrl


          • Stay Updated

            Subscribe to our newsletter for trending solutions and developer bootcamps

            Agree to Sign up and Terms & Conditions

            Share this Page

            share link