diff --git a/.changeset/blue-houses-study.md b/.changeset/blue-houses-study.md new file mode 100644 index 00000000..9501bc2c --- /dev/null +++ b/.changeset/blue-houses-study.md @@ -0,0 +1,5 @@ +--- +'@reactflow/minimap': minor +--- + +Add maskStrokeColor and maskStrokeWidth props diff --git a/packages/minimap/src/MiniMap.tsx b/packages/minimap/src/MiniMap.tsx index c02fa313..4764a987 100644 --- a/packages/minimap/src/MiniMap.tsx +++ b/packages/minimap/src/MiniMap.tsx @@ -48,6 +48,8 @@ function MiniMap({ nodeBorderRadius = 5, nodeStrokeWidth = 2, maskColor = 'rgb(240, 240, 240, 0.6)', + maskStrokeColor = 'none', + maskStrokeWidth = 1, position = 'bottom-right', onClick, onNodeClick, @@ -181,6 +183,8 @@ function MiniMap({ M${viewBB.x},${viewBB.y}h${viewBB.width}v${viewBB.height}h${-viewBB.width}z`} fill={maskColor} fillRule="evenodd" + stroke={maskStrokeColor} + strokeWidth={maskStrokeWidth} /> diff --git a/packages/minimap/src/types.ts b/packages/minimap/src/types.ts index ba3be40e..7d006329 100644 --- a/packages/minimap/src/types.ts +++ b/packages/minimap/src/types.ts @@ -11,6 +11,8 @@ export type MiniMapProps = Omit, ' nodeBorderRadius?: number; nodeStrokeWidth?: number; maskColor?: string; + maskStrokeColor?: string; + maskStrokeWidth?: number; position?: PanelPosition; onClick?: (event: MouseEvent, position: XYPosition) => void; onNodeClick?: (event: MouseEvent, node: Node) => void;