@chakra-ui/core
Version:
Responsive and accessible React UI components built with React and Emotion
25 lines (20 loc) • 987 B
TypeScript
import * as React from "react";
import * as StyledSystem from "styled-system";
import { BoxProps } from "../Box";
export interface IGrid {
templateColumns?: StyledSystem.GridTemplateColumnsProps["gridTemplateColumns"];
gap?: StyledSystem.GridGapProps["gridGap"];
rowGap?: StyledSystem.GridRowGapProps["gridRowGap"];
columnGap?: StyledSystem.GridColumnGapProps["gridColumnGap"];
autoFlow?: StyledSystem.GridAutoFlowProps["gridAutoFlow"];
autoRows?: StyledSystem.GridAutoRowsProps["gridAutoRows"];
autoColumns?: StyledSystem.GridAutoColumnsProps["gridAutoColumns"];
templateRows?: StyledSystem.GridTemplateRowsProps["gridTemplateRows"];
templateAreas?: StyledSystem.GridTemplateAreasProps["gridTemplateAreas"];
area?: StyledSystem.GridAreaProps["gridArea"];
column?: StyledSystem.GridColumnProps["gridColumn"];
row?: StyledSystem.GridRowProps["gridRow"];
}
export type GridProps = BoxProps & IGrid;
declare const Grid: React.FC<GridProps>;
export default Grid;