A simple and powerful engine for creating workflow in angular
Demo: https://dev.tika.me/ng-workflow/
- Note: This library is a work in progress. To contribute email: [email protected]
Usage:
<ng-workflow
[lineColor]="'navy'"
[nodes]="nodes"
[connections]="connections"></ng-workflow>
Nodes is a collection of WorkflowNode
object and connections is a collection of collection of Conenction
object.
export class WorkflowNode {
id?: number | string;
title: string;
x?: number;
y?: number;
}
export class Connection {
from: WorkflowNode;
to: WorkflowNode;
title?: string;
fromSide?: 'top' | 'left' | 'bottom' | 'right' = 'right';
toSide?: 'top' | 'left' | 'bottom' | 'right' = 'left';
color?: string;
}