flowter

Flowchart made in Vue

Node A

To B

To C

Node B

Node C

# Quick start

## install the package
npm install --save @flowter/flowchart

// somewhere in your entry file
import '@flowter/flowchart/dist/@flowter/flowchart.css'
import Flowchart from '@flowter/flowchart'

Vue.component('flowchart', Flowchart)

<!-- your component -->
<template>
  <div class="centered">
    <flowchart :nodes="nodes" :edges="edges" />
  </div>
</template>
<script>
export default {
  data () {
    return {
      nodes: {
        a: { text: 'Node A' },
        b: { text: 'Node B' },
        c: { text: 'Node C' }
      },
      edges: [
        { from: 'a', to: 'b', text: 'To B' },
        { from: 'a', to: 'c', text: 'To C' }
      ]
    }
  }
}
</script>