Skip to content

Node

FluxFlowNode positions a piece of content on the flow canvas. Give it a unique id and an x / y position in flow coordinates; the node measures its rendered size and registers it with the flow, so connectors can anchor to its edges.

A node renders whatever you place in its default slot. In practice that is a Card, but any markup works.

Node A
Positioned at (0, 0) in flow coordinates.
Node B
Positioned at (360, 120) in flow coordinates.

TIP

Connectors reference a node by its id, never through props on the node or the card, so the wiring of a flow stays in one place: the connectors.

Props

id: string
A unique identifier for the node. Connectors reference nodes by this id.

x: number
The horizontal position of the node, in flow coordinates.

y: number
The vertical position of the node, in flow coordinates.

Slots

default
The content of the node, typically a FluxFlowCard or one of its variants.

Used components