Control Controller

Canvas Common Operations Controller

Basic Usage

The <Control /> component can only be used properly within the <XFlow /> component.

The Control component provides shortcuts for common operations on the canvas.

<XFlow>
  ...
  <Control
    items={['zoomOut', 'zoomTo', 'zoomIn', 'zoomToFit', 'zoomToOrigin']}
  />
</XFlow>

Parameter Name	Description	Type	Default Value
items	Items displayed by the controller	ControlAction[]	-
direction	Type of display for the controller	`horizontal` ｜ `vertical`	`horizontal`
placement	Direction of the controller's Tooltip display	`top` ｜ `right` ｜ `bottom` ｜ `left`	`top`

Type of ControlAction

Parameter Name	Type	Default Value
ControlAction	("zoomTo" ｜ "zoomToFit" ｜ "zoomIn" ｜ "zoomOut" ｜ "zoomToOrigin")[]	-