reagraph
Version:
WebGL Node-based Graph for React
50 lines (49 loc) • 1.26 kB
TypeScript
import { ReactNode, default as React } from 'react';
import { CameraControlsContextProps } from './useCameraControls';
export type CameraMode = 'pan' | 'rotate' | 'orbit' | 'orthographic';
export interface CameraControlsProps {
/**
* Mode of the camera.
*
* @default 'rotate'
*/
mode?: CameraMode;
/**
* Children symbols.
*/
children?: ReactNode;
/**
* Animate transitions to centering.
*/
animated?: boolean;
/**
* Whether the controls are enabled.
*/
disabled?: boolean;
/**
* The maximum distance for the camera (perspective mode).
*
* @default 50000
*/
maxDistance?: number;
/**
* The minimum distance for the camera (perspective mode).
*
* @default 1000
*/
minDistance?: number;
/**
* The maximum zoom level for orthographic cameras.
*
* @default 100
*/
maxZoom?: number;
/**
* The minimum zoom level for orthographic cameras.
*
* @default 1
*/
minZoom?: number;
}
export type CameraControlsRef = CameraControlsContextProps;
export declare const CameraControls: React.ForwardRefExoticComponent<CameraControlsProps & React.RefAttributes<CameraControlsContextProps>>;