tailwind-grid-layout
Version:
A modern, Tailwind CSS-based grid layout system for React. A lightweight alternative to react-grid-layout with full feature parity.
18 lines • 838 B
TypeScript
import { GridItem, GridContainerProps } from '../types';
export interface BreakpointLayouts {
[breakpoint: string]: GridItem[];
}
export interface ResponsiveGridContainerProps extends Omit<GridContainerProps, 'items' | 'cols' | 'onLayoutChange'> {
layouts: BreakpointLayouts;
breakpoints?: {
[breakpoint: string]: number;
};
cols?: {
[breakpoint: string]: number;
};
onLayoutChange?: (layout: GridItem[], layouts: BreakpointLayouts) => void;
onBreakpointChange?: (newBreakpoint: string, cols: number) => void;
width?: number;
}
export declare function ResponsiveGridContainer({ layouts, breakpoints, cols, onLayoutChange, onBreakpointChange, width, ...props }: ResponsiveGridContainerProps): import("react/jsx-runtime").JSX.Element;
//# sourceMappingURL=ResponsiveGridContainer.d.ts.map