popo-vue-panel

vue panel fro popojs

Usage no npm install needed!

<script type="module">
  import popoVuePanel from 'https://cdn.skypack.dev/popo-vue-panel';
</script>

README

popo-vue-panel

Vue panel for popojs

Installation

NPM

npm install popo-vue-panel --save

Usage

ES6

The following examples can also be used with CommonJS by replacing ES6-specific syntax with CommonJS equivalents.

import Vue from 'vue'
import Panel from 'popo-vue-panel'

new Vue({
  components: {
    Panel
  }
})

Globals (script tag)

Add a script tag pointing to dist/popo-vue-panel.min.js after adding Vue.

<html>
<head>
  ...
</head>
<body>
  <div id="app">
    <popo-vue-panel title="title" target="panel-id">
        <div slot="center"></div>
    </popo-vue-panel>
  </div>

  <script src="path/to/vue.js"></script>
  <script src="path/to/popo-vue-panel.min.js"></script>
  <script>
    new Vue({
      el: '#app'
    })
  </script>
</body>
</html>

Options

Props Type Values Default
target Number String panel id or panel map key
title String panel title null

Slot Options

Props Type Values Default
slot String head, center, left, right, foot center

License

popo-vue-panel is open source and released under the MIT License.

Copyright (c) 2017 DaShun.