NodeGraphPortSlotProps

Defined in: src/components/editor/NodeGraph/NodeGraph.types.ts:254

Props for <NodeGraph.Port> — the compound child rendered inside renderNode to declare a connection endpoint.

The library tracks the slot’s DOM position and registers it as the anchor for any edge that references this port. Pointer events on the slot start a connection drag automatically — no manual wiring from the consumer.

Example

<NodeGraph
  renderNode={(node, ctx) => (
    <MyNodeBody>
      <Row>
        <NodeGraph.Port id="exec-in" side="left" dataType="exec" />
        Execute
      </Row>
    </MyNodeBody>
  )}
/>

Properties

children?

optional children: ReactNode

Defined in: src/components/editor/NodeGraph/NodeGraph.types.ts:289

Replace the built-in port visual entirely. When provided, no built-in chrome is rendered — the children fill the slot wrapper. State for theming (source / candidate / hover / invalid / connected) is exposed via data-port-* attributes on the wrapper.

className?

optional className: string

Defined in: src/components/editor/NodeGraph/NodeGraph.types.ts:293

Extra class applied to the slot wrapper.

color?

optional color: string

Defined in: src/components/editor/NodeGraph/NodeGraph.types.ts:275

Handle colour for the built-in visual (any CSS colour). When omitted, the port inherits the theme focus colour; the connection-drag states (source / candidate / invalid) still override it so interaction stays visible. Ignored when children are supplied.

dataType?

optional dataType: string

Defined in: src/components/editor/NodeGraph/NodeGraph.types.ts:263

Opaque type token forwarded to isValidConnection and exposed on data-port-data-type for CSS theming. Not interpreted by the library.

filled?

optional filled: boolean

Defined in: src/components/editor/NodeGraph/NodeGraph.types.ts:282

Force the built-in visual filled (true) or hollow (false). When omitted, the port fills automatically while it is connected to at least one edge and stays hollow otherwise — the standard “wired vs unwired pin” convention. Ignored when children are supplied.