Skip to content
Entangle UI v0.13.0

NodeGraphPinProps

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

optional className?: string

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

Class applied to the row wrapper.


optional color?: string

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

Handle colour (any CSS colour). Defaults to the theme focus colour.


optional dataType?: string

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

Opaque type token forwarded to isValidConnection and edge styling.


optional filled?: boolean

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

Force the handle filled / hollow. When omitted, the handle fills automatically while the pin is connected to an edge.


optional height?: number

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

Row height in CSS px.

22

id: string

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

Port id — referenced by NodeGraphEdge.source / .target.


optional label?: ReactNode

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

Row label shown next to the handle.


optional labelClassName?: string

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

Class applied to the label span.


optional labelStyle?: CSSProperties

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

Inline style applied to the label span.


optional portLabel?: string

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

Accessible label for the port handle. Falls back to the port default.


optional shape?: NodeGraphPortShape

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

Built-in handle shape.

'circle'

side: NodeGraphPortSide

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

Which side the pin anchors to. Drives row layout and edge tangent.


optional style?: CSSProperties

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

Inline style applied to the row wrapper.