Custom Nodes

Description

This guide shows how to create custom nodes for flow components with different content, styles, and behaviors, providing a comprehensive approach to building interactive flow-based diagrams. You can use this guide to create custom nodes with any HTML content, styles, and behaviors.

Example

[component.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/projects/f-examples/nodes/custom-nodes/custom-nodes.component.html [component.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/projects/f-examples/nodes/custom-nodes/custom-nodes.component.ts [component.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/projects/f-examples/nodes/custom-nodes/custom-nodes.component.scss [common.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/projects/f-examples/_flow-common.scss

This example uses Angular Material components to fill the custom nodes with content.