Function EdgeLine

EdgeLine(__namedParameters: EdgeLineProps): Element | null

Interactive edge line component.

Renders a line between two vertices that can be selected. Use the renderControl prop to provide custom transform controls.

Parameters

__namedParameters: EdgeLineProps

Returns Element | null

Example

<EdgeLine
  edge={edge}
  vertices={vertices}
  selected={isSelected}
  onSelect={handleSelect}
  onMoveVertices={handleMove}
  renderControl={({ center, onMoveByDelta, onTransform }) => (
    <PivotControls
      anchor={[0, 0, 0]}
      position={center}
      onDrag={(matrix) => { ... }}
    />
  )}
/>