Popo-vue-panel NPM

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	1
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.

@everything-registry/sub-chunk-2457

1.0.1

6 years ago

1.0.0

6 years ago