@mantine/core
Version:
React components library focused on usability, accessibility and developer experience
24 lines (23 loc) • 964 B
TypeScript
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, `12` by default */
span?: StyleProp<ColSpan>;
/** Column order, can be used to reorder columns at different viewport sizes */
order?: StyleProp<number>;
/** Column offset on the left side – number of columns that should be left empty before this column */
offset?: StyleProp<number>;
}
export type GridColFactory = Factory<{
props: GridColProps;
ref: HTMLDivElement;
stylesNames: GridColStylesNames;
compound: true;
}>;
export declare const GridCol: import("../../../core").MantineComponent<{
props: GridColProps;
ref: HTMLDivElement;
stylesNames: GridColStylesNames;
compound: true;
}>;