editcrafter
Version:
To use **EditCrafter** with Tailwind CSS, you need to set up Tailwind CSS in your project. Here's a step-by-step guide to help you integrate Tailwind CSS and customize your `tailwind.config.js` file for use with **EditCrafter**.
25 lines (24 loc) • 885 B
TypeScript
type ResizeDirection = 'left' | 'right';
export type ElementDimensions = {
width: number;
height: number;
};
type HookParams = {
initialWidth?: number;
initialHeight?: number;
contentWidth?: number;
contentHeight?: number;
gridInterval: number;
minWidth: number;
minHeight: number;
maxWidth: number;
onDimensionsChange?: (dimensions: ElementDimensions) => void;
};
export declare function useDragResize({ initialWidth, initialHeight, contentWidth, contentHeight, gridInterval, minWidth, minHeight, maxWidth, onDimensionsChange }: HookParams): {
initiateResize: (direction: ResizeDirection) => (event: React.PointerEvent<HTMLDivElement>) => void;
isResizing: boolean;
updateDimensions: import('react').Dispatch<import('react').SetStateAction<ElementDimensions>>;
currentWidth: number;
currentHeight: number;
};
export {};