41 lines
1.2 KiB
TypeScript
41 lines
1.2 KiB
TypeScript
import * as _chakra_ui_system from '@chakra-ui/system';
|
|
import { SystemProps, ResponsiveValue } from '@chakra-ui/system';
|
|
import { BoxProps } from './box.js';
|
|
|
|
interface GridItemProps extends BoxProps {
|
|
/**
|
|
* Shorthand prop for `gridArea`
|
|
* @type SystemProps["gridArea"]
|
|
*/
|
|
area?: SystemProps["gridArea"];
|
|
/**
|
|
* The number of columns the grid item should `span`.
|
|
* @type ResponsiveValue<number | "auto">
|
|
*/
|
|
colSpan?: ResponsiveValue<number | "auto">;
|
|
/**
|
|
* The column number the grid item should start.
|
|
* @type ResponsiveValue<number | "auto">
|
|
*/
|
|
colStart?: ResponsiveValue<number | "auto">;
|
|
/**
|
|
* @type ResponsiveValue<number | "auto">
|
|
*/
|
|
colEnd?: ResponsiveValue<number | "auto">;
|
|
/**
|
|
* @type ResponsiveValue<number | "auto">
|
|
*/
|
|
rowStart?: ResponsiveValue<number | "auto">;
|
|
/**
|
|
* @type ResponsiveValue<number | "auto">
|
|
*/
|
|
rowEnd?: ResponsiveValue<number | "auto">;
|
|
/**
|
|
* @type ResponsiveValue<number | "auto">
|
|
*/
|
|
rowSpan?: ResponsiveValue<number | "auto">;
|
|
}
|
|
declare const GridItem: _chakra_ui_system.ComponentWithAs<"div", GridItemProps>;
|
|
|
|
export { GridItem, GridItemProps };
|