Skip to main content

<Panel />

Panel is a helper component that lets you position content on top of the React Flow viewport. It is used internally by the Controls and Minimap.

Example Usage​

Prop Types​

position​

Description:
Position of the panel in the viewport
Type:
PanelPosition ('top-left'`, 'top-center', 'top-right', 'bottom-left', 'bottom-center' or 'bottom-right')
Default:
'top-left'

style​

Description:
Additional styles
Type:
CSSProperties
Default:
undefined

className​

Description:
Additional class name
Type:
string
Default:
undefined

Typescript​

The interface of the Panel Prop Types are exported as PanelProps.