React Flow

学ぶ例リファレンス
GitHub React Flow Pro
  • APIリファレンス
  • <ReactFlow />
  • <ReactFlowProvider />
  • コンポーネント
    • <Background />
    • <BaseEdge />
    • <ControlButton />
    • <Controls />
    • <EdgeLabelRenderer />
    • <EdgeText />
    • <Handle />
    • <MiniMap />
    • <NodeResizer />
    • <NodeResizeControl />
    • <NodeToolbar />
    • <Panel />
    • <ViewportPortal />
  • フック
    • useConnection()
    • useEdges()
    • useEdgesState()
    • useHandleConnections()
    • useKeyPress()
    • useNodeId()
    • useNodes()
    • useInternalNode()
    • useNodesData()
    • useNodesInitialized()
    • useNodesState()
    • useOnSelectionChange()
    • useOnViewportChange()
    • useReactFlow()
    • useStore()
    • useStoreApi()
    • useUpdateNodeInternals()
    • useViewport()
  • 型
    • BackgroundVariant
    • Connection
    • ConnectionLineComponentProps
    • ConnectionLineType
    • ConnectionState
    • CoordinateExtent
    • DefaultEdgeOptions
    • DeleteElements
    • Edge
    • EdgeChange
    • EdgeMarker
    • EdgeProps
    • FitViewOptions
    • Handle
    • HandleConnection
    • InternalNode
    • MarkerType
    • MiniMapNodeProps
    • Node
    • NodeChange
    • NodeHandle
    • NodeOrigin
    • NodeProps
    • OnEdgesChange
    • OnNodesChange
    • PanOnScrollMode
    • PanelPosition
    • Position
    • ProOptions
    • ReactFlowInstance
    • ReactFlowJsonObject
    • ResizeParams
    • Viewport
    • XYPosition
  • ユーティリティ
    • addEdge()
    • applyEdgeChanges()
    • applyNodeChanges()
    • getBezierPath()
    • getConnectedEdges()
    • getIncomers()
    • getNodesBounds()
    • getOutgoers()
    • getSimpleBezierPath()
    • getSmoothStepPath()
    • getStraightPath()
    • getViewportForBounds()
    • isEdge()
    • isNode()
    • reconnectEdge()
    • getTransformForBounds()
質問がありますか?フィードバックをお寄せください →このページを編集

新着情報

React Flow 12.3.4React Flow 12.3.3Exampleビューアを更新しました!... その他!
リファレンス型
XYPosition

XYPosition

すべての位置は、x座標とy座標を持つオブジェクトに格納されます。

export type XYPosition = {
  x: number;
  y: number;
};
型getTransformForBounds()

xyflowチームによるプロジェクト

私たちは2019年からノードベースのUI向けのオープンソースソフトウェアを構築および保守しています。

ドキュメント

はじめにAPIリファレンス例ショーケース

ソーシャル

DiscordGithubX / TwitterBluesky

xyflow

ブログオープンソース概要お問い合わせ
採用情報 採用中

法律

MITライセンス行動規範インプリント

info@xyflow.com — Copyright ©2024 webkid GmbH. All rights reserved — ウェブサイトのデザイン ファク・モンタナロ