NodeGraphPin

NodeGraphPin(__namedParameters): ReactElement

Defined in: src/components/editor/NodeGraph/NodeGraphPin.tsx:61

<NodeGraph.Pin> — the one-liner for the common “handle + label” row. Renders a <NodeGraph.PinRow> containing a <NodeGraph.Port> and a label, ordered so the handle always sits flush against the node edge (port → label on the left/top, label → port on the right). Reach for <NodeGraph.PinRow> + <NodeGraph.Port> directly only when you need a layout this doesn’t cover (multiple controls in a row, inline editors).

Parameters

__namedParameters

NodeGraphPinProps

Returns

ReactElement

Example

<NodeGraph.PinList>
  <NodeGraph.Pin id="exec" side="left" shape="triangle" color="#fff" />
  <NodeGraph.Pin id="value" side="right" dataType="float" color="#9ee65a" label="Value" />
</NodeGraph.PinList>