42 lines
1.2 KiB
TypeScript
42 lines
1.2 KiB
TypeScript
import * as _chakra_ui_system from '@chakra-ui/system';
|
|
import { ResponsiveValue } from '@chakra-ui/system';
|
|
import { GridProps } from './grid.js';
|
|
|
|
interface SimpleGridOptions {
|
|
/**
|
|
* The width at which child elements will break into columns. Pass a number for pixel values or a string for any other valid CSS length.
|
|
*/
|
|
minChildWidth?: GridProps["minWidth"];
|
|
/**
|
|
* The number of columns
|
|
*/
|
|
columns?: ResponsiveValue<number>;
|
|
/**
|
|
* The gap between the grid items
|
|
*/
|
|
spacing?: GridProps["gridGap"];
|
|
/**
|
|
* The column gap between the grid items
|
|
*/
|
|
spacingX?: GridProps["gridGap"];
|
|
/**
|
|
* The row gap between the grid items
|
|
*/
|
|
spacingY?: GridProps["gridGap"];
|
|
}
|
|
interface SimpleGridProps extends GridProps, SimpleGridOptions {
|
|
}
|
|
/**
|
|
* SimpleGrid
|
|
*
|
|
* React component that uses the `Grid` component and provides
|
|
* a simpler interface to create responsive grid layouts.
|
|
*
|
|
* Provides props that easily define columns and spacing.
|
|
*
|
|
* @see Docs https://chakra-ui.com/simplegrid
|
|
*/
|
|
declare const SimpleGrid: _chakra_ui_system.ComponentWithAs<"div", SimpleGridProps>;
|
|
|
|
export { SimpleGrid, SimpleGridProps };
|