@mantine/core/lib/components/Grid/GridCol/GridCol.d.ts

React components library focused on usability, accessibility and developer experience

import { BoxProps, CompoundStylesApiProps, ElementProps, Factory, StyleProp } from '../../../core';
export type GridColStylesNames = 'col';
export type ColSpan = number | 'auto' | 'content';
export interface GridColProps extends BoxProps, CompoundStylesApiProps<GridColFactory>, ElementProps<'div'> {
    /** Column span @default 12 */
    span?: StyleProp<ColSpan>;
    /** Column order, use to reorder columns at different viewport sizes */
    order?: StyleProp<number>;
    /** Column start offset – number of empty columns before this column */
    offset?: StyleProp<number>;
    /** Vertical alignment of the column, controls `align-self` CSS property */
    align?: StyleProp<React.CSSProperties['alignSelf']>;
}
export type GridColFactory = Factory<{
    props: GridColProps;
    ref: HTMLDivElement;
    stylesNames: GridColStylesNames;
    compound: true;
}>;
export declare const GridCol: import("../../..").MantineComponent<{
    props: GridColProps;
    ref: HTMLDivElement;
    stylesNames: GridColStylesNames;
    compound: true;
}>;