@chakra-ui/layout/dist/simple-grid.d.mts

Chakra UI layout components that give you massive speed

import * as _chakra_ui_system from '@chakra-ui/system';
import { ResponsiveValue } from '@chakra-ui/system';
import { GridProps } from './grid.mjs';

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 };