Function: PanArea

▸ PanArea(__namedParameters): Element

Connected version of IDA Framework's PanArea component that uses the current design engine's layoutStore to read and update pan values.

Enables the ability to pan a design by dragging with the middle or right mouse button, and will reflect changes to zoom/rotation values made via the useZoom and useRotate* hooks.

Remarks

This component requires a LayoutContainersProvider (from ida-framework) to be able to handle pointer events. You must place one somewhere above it in the component tree in order for it to function.

*GlobalRotationProvider (also from ida-framework) is also required for the PanArea to display changes to global rotation.

Parameters

Name	Type
__namedParameters	PanAreaProps

Returns

Element

Defined in

packages/design-engine-react-components/src/components/panArea/PanArea.tsx:26