@antv/x6-vue-shape

X6 shape for rendering vue components.

Usage no npm install needed!

<script type="module">
  import antvX6VueShape from 'https://cdn.skypack.dev/@antv/x6-vue-shape';
</script>

README

@antv/x6-vue-shape

x6 shape for rendering vue components

Installation

# npm
$ npm install @antv/x6-vue-shape --save

# yarn
$ yarn add @antv/x6-vue-shape

Usage

import { Graph } from '@antv/x6'
import '@antv/x6-vue-shape'
import HelloWord from './HelloWord.vue'

// render
graph.addNode({
  shape: 'vue-shape',
  x: 32,
  y: 48,
  width: 180,
  height: 40,
  component: {
    template: `<hello-world :name="name"></hello-world>`,
    data() {
      return {
        name: 'x6',
      }
    },
    components: {
      HelloWorld,
    }
  },
})