Vue jsPanel

Vue jsPanel wrapper

Usage

Directly in the browser

Just a modern mobile or desktop browser like FF, Chrome, Edge, IE10/IE11, Brave, Opera, Vivaldi. jsPanel 4 is pure javascript and does not depend on any other library.

Drop the library in with a <script> tag alongside Vue to globally install all components:

1<div id="app"><js-panel></js-panel></div>
2
3<script src="https://unpkg.com/vue"></script>
4<script src="https://unpkg.com/vue-jspanel4"></script>
5<script>
6  new Vue({ el: '#app' })
7</script>

In a module system (without Vue CLI)

Install the library with NPM:

1npm install vuejspanel4

Then register the library as a plugin to globally install all components:

1import VueJsPanel from 'vue-jspanel4'
2import 'vue-jspanel4/src/jspanel.min.css'
3
4Vue.use(VueJsPanel)

Or, import components individually for local registration:

1import { JsPanel } from 'vue-jspanel4'
2import 'vue-jspanel4/src/jspanel.min.css'
3
4export default {
5  components: { JsPanel }
6}

In a module system (with Vue CLI)

If using Vue CLI 3 with Babel or TypeScript, it's recommended that you import the library from its src directory. This will minimize the size of your application by preventing duplicate or unnecessary polyfills.

Install the library with NPM:

1npm install vue-jspanel4

Then register the library as a plugin to globally install all components:

1import VueJsPanel from 'vue-jspanel4'
2import 'vue-jspanel4/src/jspanel.min.css'
3
4Vue.use(VueJsPanel)

Or, import components individually for local registration:

1import { JsPanel } from 'vue-jspanel4'
2import 'vue-jspanel4/src/jspanel.min.css'
3
4export default {
5  components: { JsPanel }
6}