UNPKG

@helpscout/artboard

Version:

A tool kit for React UI development and design

58 lines (57 loc) 1.98 kB
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;