ConnectionLineComponentProps

GitHubのソース

接続線にカスタムコンポーネントをレンダリングしたい場合は、<ReactFlow /> コンポーネントの connectionLineComponent プロパティを設定できます。ConnectionLineComponentProps は、カスタムコンポーネントに渡されます。

export type ConnectionLineComponentProps = {
  connectionLineStyle?: React.CSSProperties;
  connectionLineType: ConnectionLineType;
  fromNode?: Node;
  fromHandle?: Handle;
  fromX: number;
  fromY: number;
  toX: number;
  toY: number;
  fromPosition: Position;
  toPosition: Position;
  connectionStatus: 'valid' | 'invalid' | null;
};

プロパティ

名前	タイプ
#`connectionLineStyle?`	`React.CSSProperties`
#`connectionLineType`	`ConnectionLineType`
#`fromNode?`	`Node` 接続線が始まるノード。
#`fromHandle?`	`Handle` 接続線が始まる fromNode のハンドル。
#`fromX`	`number`
#`fromY`	`number`
#`toX`	`number`
#`toY`	`number`
#`fromPosition`	`Position`
#`toPosition`	`Position`
#`connectionStatus`	`"valid" \| "invalid" \| null` isValidConnection コールバックがある場合、このプロパティはそのコールバックの戻り値に基づいて "valid" または "invalid" に設定されます。そうでない場合は、null になります。

型 getTransformForBounds()