@mantine/core/lib/components/SimpleGrid/SimpleGrid.d.ts

React components library focused on usability, accessibility and developer experience

import { BoxProps, ElementProps, Factory, MantineSpacing, StyleProp, StylesApiProps } from '../../core';
export type SimpleGridStylesNames = 'root' | 'container';
export interface SimpleGridProps extends BoxProps, StylesApiProps<SimpleGridFactory>, ElementProps<'div'> {
    /** Number of columns @default 1 */
    cols?: StyleProp<number>;
    /** Spacing between columns @default 'md' */
    spacing?: StyleProp<MantineSpacing>;
    /** Spacing between rows. When not set, falls back to spacing value @default undefined */
    verticalSpacing?: StyleProp<MantineSpacing>;
    /** Determines type of queries that are used for responsive styles @default 'media' */
    type?: 'media' | 'container';
    /** Minimum column width when using auto-fit/auto-fill. When set, cols prop is ignored */
    minColWidth?: string | number;
    /** Grid repeat type when minColWidth is set @default 'auto-fill' */
    autoFlow?: 'auto-fit' | 'auto-fill';
    /** Sets the size of implicitly created grid rows */
    autoRows?: string;
}
export type SimpleGridFactory = Factory<{
    props: SimpleGridProps;
    ref: HTMLDivElement;
    stylesNames: SimpleGridStylesNames;
}>;
export declare const SimpleGrid: import("../..").MantineComponent<{
    props: SimpleGridProps;
    ref: HTMLDivElement;
    stylesNames: SimpleGridStylesNames;
}>;