Built-In Components
React Flow comes with several built-in components that can be passed as children to the <ReactFlow />
component.
MiniMap
The MiniMap
provides a bird’s-eye view of your flowgraph, making navigation easier, especially for larger flows. You can customize the appearance of nodes in the minimap by providing a nodeColor function.
Controls
React Flow comes with a set of customizable Controls
for the viewport. You can zoom in and out, fit the viewport and toggle if the user can move, select and edit the nodes.
Background
The Background
component adds a visual grid pattern to your flowgraph, helping users maintain orientation. You can choose from different pattern variants, or if you need more advanced customization, you can explore the source code to implement your own pattern.
Panel
The Panel
component allows you to add fixed overlays to your flowgraph, perfect for titles, controls, or any other UI elements that should remain stationary.
Advanced
For more advanced use cases and customization, we have even more built-in components you can check out in the API components overview