@cimpress/react-components
Version:
React components to support the MCP styleguide
27 lines • 1.49 kB
TypeScript
import { HTMLProps } from 'react';
import * as CSS from 'csstype';
import spacing from './theme/spacing';
import { PublicComponentProps } from './types';
export interface GridProps extends HTMLProps<HTMLDivElement>, PublicComponentProps {
columns: number;
gap?: keyof typeof spacing;
columnGap?: keyof typeof spacing;
rowGap?: keyof typeof spacing;
gridArea?: CSS.GridAreaProperty;
gridAutoColumns?: CSS.GridAutoColumnsProperty<number | string>;
gridAutoFlow?: CSS.GridAutoFlowProperty;
gridAutoRows?: CSS.GridAutoRowsProperty<number | string>;
gridColumnEnd?: CSS.GridColumnEndProperty;
gridColumnStart?: CSS.GridColumnStartProperty;
gridColumn?: CSS.GridColumnProperty;
gridRowEnd?: CSS.GridRowEndProperty;
gridRowStart?: CSS.GridRowStartProperty;
gridRow?: CSS.GridRowProperty;
gridTemplateAreas?: CSS.GridTemplateAreasProperty;
gridTemplateColumns?: CSS.GridTemplateColumnsProperty<number | string>;
gridTemplateRows?: CSS.GridTemplateRowsProperty<number | string>;
gridTemplate?: CSS.GridTemplateProperty;
grid?: CSS.GridProperty;
}
export declare const Grid: ({ className, gridArea, gridAutoColumns, gridAutoFlow, gridAutoRows, gridColumnEnd, gridColumnStart, gridColumn, gridRowEnd, gridRowStart, gridRow, gridTemplateAreas, gridTemplateColumns, gridTemplateRows, gridTemplate, gap, columnGap, rowGap, columns, style, children, ...restProps }: GridProps) => JSX.Element;
//# sourceMappingURL=Grid.d.ts.map