@cimpress/react-components
Version:
React components to support the MCP styleguide
27 lines • 1.52 kB
TypeScript
import React, { 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.Property.GridArea;
gridAutoColumns?: CSS.Property.GridAutoColumns<number | string>;
gridAutoFlow?: CSS.Property.GridAutoFlow;
gridAutoRows?: CSS.Property.GridAutoRows<number | string>;
gridColumnEnd?: CSS.Property.GridColumnEnd;
gridColumnStart?: CSS.Property.GridColumnStart;
gridColumn?: CSS.Property.GridColumn;
gridRowEnd?: CSS.Property.GridRowEnd;
gridRowStart?: CSS.Property.GridRowStart;
gridRow?: CSS.Property.GridRow;
gridTemplateAreas?: CSS.Property.GridTemplateAreas;
gridTemplateColumns?: CSS.Property.GridTemplateColumns<number | string>;
gridTemplateRows?: CSS.Property.GridTemplateRows<number | string>;
gridTemplate?: CSS.Property.GridTemplate;
grid?: CSS.Property.Grid;
}
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) => React.JSX.Element;
//# sourceMappingURL=Grid.d.ts.map