Vue dag

Directed acyclic graph (DAG) builder for Vue.js

Version: 0.1.8 Updated: 09/27/2019

By: AlexImb License: MIT

Downloads Last 30 Days: 67

Install

npm i vue-dag
yarn add vue-dag

Repository: https://github.com/AlexImb/vue-dag

CDNs

bundle.run: https://bundle.run/vue-dag

jsDelivr: https://cdn.jsdelivr.net/npm/vue-dag

unpkg: https://unpkg.com/vue-dag

🏗Vue DAG Builder

Data-driven directed acyclic graph (DAG) visual builder for Vue.js

GitHub Actions Netlify Status npm npm vue2 GitHub

Installation

npm install --save vue-dag

or

yarn add vue-dag

Import and register the component

import VueDag from 'vue-dag';
components: {
    VueDag
}

Use it in templates

<vue-dag v-model="graphData"></vue-dag>

The component does not include any CSS. You'll need to import it separately:

import 'vue-dag/dist/vue-dag.css';

Alternatively, you can import the SCSS version and overrite variables and styles

@import 'vue-dag/src/scss/vue-dag.scss';

Full documentation: https://vue-dag.netlify.com/

Project development setup

Installs dependencies

yarn install

Compiles and hot-reloads for development

yarn run serve

Lints and fixes files

yarn run lint

Runs unit tests

yarn run test:unit

Builds as library

yarn run build:library
Categories: Vue js