Reactflow wrapper for Angular
This is a Reactflow wrapper library for Angular.
| If you find any bugs, please open a PR. |
Installation
You can install the library with npm.
Angular 15+
# Install ngx-reactflow and dependencies
npm i ngx-reactflow reactflow react-dom react --save
# Install type definitions
npm i -D @types/react@18 @types/react-dom@18Getting started
Use NgxReactflow 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-reactflow></ngx-reactflow>`,
imports: [
ReactflowComponent
],
standalone: true
})
export class TestComponent {
nodes: Node<any, string | undefined>[] = [];
edges: Edge<any>[] = [];
}