@helpscout/artboard
Version:
A tool kit for React UI development and design
58 lines (57 loc) • 1.98 kB
TypeScript
import * as React from 'react';
export declare class Artboard extends React.Component<any> {
static defaultProps: {
__debug: boolean;
alignHorizontally: string;
alignVertically: string;
darkMode: boolean;
defaultHeight: number;
defaultWidth: number;
padding: number;
posX: number;
posY: number;
showGuides: boolean;
showBoxInspector: boolean;
showInterface: boolean;
snapshots: never[];
withCenterGuides: boolean;
withResponsiveHeight: boolean;
withResponsiveWidth: boolean;
zoomLevel: number;
};
__bodyBackGroundColor: string | null;
constructor(props: any);
componentDidMount(): void;
componentWillUnmount(): void;
shouldComponentUpdate(nextProps: any): boolean;
getArtboardNameFromProps: (props: any) => any;
saveState: () => void;
setBackgroundColor: () => void;
unsetBackgroundColor: () => void;
handleOnKeyDown: (event: any) => void;
handleOnKeyUp: (event: any) => void;
handleOnClick: () => void;
handleOnMouseDown: () => void;
handleOnMouseUp: () => void;
handleOnMouseMove: (event: any) => void;
toggleDarkMode: () => void;
toggleInterface: () => void;
prepareZoomIn: () => void;
prepareZoomOut: () => void;
prepareMove: () => void;
zoomIn: (event?: Event | undefined) => void;
zoomOut: (event?: Event | undefined) => void;
toggleGuides: () => void;
toggleBoxInspector: () => void;
toggleSizeInspector: () => void;
startEyeDropper: () => void;
readyEyeDropper: () => void;
stopEyeDropper: () => void;
toggleCrosshair: () => void;
stopCrosshair: () => void;
clearSnapshots: () => void;
render(): JSX.Element;
}
export declare const ConnectedArtboard: import("react-redux").ConnectedComponentClass<typeof Artboard, any>;
declare const _default: (props: any) => JSX.Element;
export default _default;