Skip to content

NodeGraphNodeSection

NodeGraphNodeSection(__namedParameters): ReactElement

Defined in: src/components/editor/NodeGraph/NodeGraphNodeSection.tsx:58

A collapsible section inside a node body — the place to tuck “advanced” / overflow pins so the node stays compact. The collapse is purely visual: the children never unmount, so their state is preserved and there’s no remount cost. <NodeGraph.Port> slots inside a collapsed section unregister their position while hidden, so the pins’ edges hide with them and reappear on expand — no dangling wires, no manual re-anchoring.

Parameters

__namedParameters

NodeGraphNodeSectionProps

Returns

ReactElement

Example

<NodeGraph.NodeBody>
<NodeGraph.NodeHeader title="Make Transform" />
<NodeGraph.PinList>{mainPins}</NodeGraph.PinList>
<NodeGraph.NodeSection title="Advanced" defaultCollapsed>
<NodeGraph.PinList>{advancedPins}</NodeGraph.PinList>
</NodeGraph.NodeSection>
</NodeGraph.NodeBody>