tailwind-grid-layout/dist/components/GridItem.d.ts

A modern, Tailwind CSS-based grid layout system for React. A lightweight alternative to react-grid-layout with full feature parity.

import { default as React } from 'react';
import { GridItem, ResizeState } from '../types';
interface GridItemComponentProps {
    item: GridItem;
    position: {
        left: number;
        top: number;
        width: number;
        height: number;
    };
    isDragging: boolean;
    isResizing: boolean;
    isDraggable: boolean;
    isResizable: boolean;
    resizeHandles?: Array<'s' | 'w' | 'e' | 'n' | 'sw' | 'nw' | 'se' | 'ne'>;
    draggableCancel?: string;
    onDragStart: (itemId: string, e: React.MouseEvent | React.TouchEvent | React.PointerEvent) => void;
    onResizeStart: (itemId: string, handle: ResizeState['resizeHandle'], e: React.MouseEvent | React.TouchEvent | React.PointerEvent) => void;
    children: React.ReactNode;
}
export declare const GridItemComponent: React.FC<GridItemComponentProps>;
export {};
//# sourceMappingURL=GridItem.d.ts.map