MiniMap Node

The minimap node component can be used to extend the default minimap nodes. You can use it to add an icon to your node, or to add a custom tooltip etc.

Usage

To use the component pass the MiniMapNode as a child to the MiniMap component.

vue

<template>
  <VueFlow>
    <MiniMap>
      <template #node-input="props">
        <MiniMapNode v-bind="props" />
      </template>
    </MiniMap>
  </VueFlow>
</template>

<template>
  <VueFlow>
    <MiniMap>
      <template #node-input="props">
        <MiniMapNode v-bind="props" />
      </template>
    </MiniMap>
  </VueFlow>
</template>

Props

Name	Definition	Type	Optional	Default
id	Node id	string	false	-
parentNode	Parent node id	string	true	-
selected	Is node selected	boolean	true	false
dragging	Is node dragging	boolean	true	false
position	XY position of node	XYPosition	false	-
dimensions	Node dimensions	Dimensions	false	-
borderRadius	MiniMap node css border-radius	number	true	-
color	MiniMap node css color	string	true	-
shapeRendering	MiniMap node css shapeRendering	ShapeRendering	true	-
strokeColor	MiniMap node css stroke-color	string	true	-
strokeWidth	MiniMap node css stroke-width	string	true	-

Slots

Name	Definition
default	Slot below MiniMap node rect

MiniMap Node ​

Usage ​

Props ​

Slots ​

MiniMap Node

Usage

Props

Slots