Flow Node Properties
Flow Node Properties is the standalone details panel for a selected workflow node. Use it beside Flow Execution Graph, Flow Editor, or any product-owned node list that needs consistent node metadata and edit behavior.
Import
agent-node-properties.component.ts
import { TngFlowNodePropertiesComponent } from '@tailng-ui/flow/execution';
import type { TngFlowDefinition } from '@tailng-ui/flow';Editable node properties
Keep the selected node controlled by the parent, apply emitted changes to the definition, and project a domain form for custom data.
Agent node properties with Plain CSS
Classify ticket
modelData
Ports
Select a node or edit a field to update the definition.
Agent node properties with Tailwind CSS
Classify ticket
modelData
Ports
Select a node or edit a field to update the definition.
Built-in fields
The default panel renders name, description, type, disabled state, locked state, input ports, output ports, and a readonly data preview.
Update model
Edits are emitted as immutable node change requests. The consuming application applies those requests to the workflow definition, which keeps validation, persistence, and collaboration rules outside the presentation component.