NodeGraphPinProps

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

Properties

className?

optional className: string

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

Class applied to the row wrapper.

color?

optional color: string

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

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

dataType?

optional dataType: string

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

Opaque type token forwarded to isValidConnection and edge styling.

filled?

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.

height?

optional height: number

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

Row height in CSS px.

Default

id

id: string

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

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

label?

optional label: ReactNode

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

Row label shown next to the handle.

labelClassName?

optional labelClassName: string

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

Class applied to the label span.

labelStyle?

optional labelStyle: CSSProperties

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

Inline style applied to the label span.

portLabel?

optional portLabel: string

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

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

shape?

optional shape: NodeGraphPortShape

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

Built-in handle shape.

Default

'circle'

side

side: NodeGraphPortSide

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

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

style?

optional style: CSSProperties

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

Inline style applied to the row wrapper.