ngx-flows wrapper for Angular

This is a ngx-flows wrapper library for Angular.

Installation

You can install the library with npm.

Angular 15+

    # Install ngx-flows and dependencies
    npm i ngx-flows reactflow react-dom react --save

    # Install type definitions
    npm i -D @types/react @types/react-dom
    
    # Styles import
    @import "reactflow/dist/style.css";
    
    # Config angular.json
    "allowedCommonJsDependencies": [
      "react-dom/client"
    ],

Getting started

Use ngx-flows in your project:

import { Component } from '@angular/core';
import { ReactflowComponent } from 'ngx-reactflow';
import { Node, Edge } from 'reactflow';

@Component({
    selector: 'app-test-component',
    template: `<ngx-flows></ngx-flows>`,
    imports: [
        ReactflowComponent
    ],
    standalone: true
})
export class TestComponent {
    nodes: Node<any, string | undefined>[] = [];
    edges: Edge<any>[] = [];
}