@itwin/itwinui-layouts-react
Version:
iTwinUI package that provides React components for most common layouts
30 lines (29 loc) • 752 B
TypeScript
import React from 'react';
import { StylingProps } from '../../utils';
export declare type GridProps = {
/**
* Children of the element
*/
children: React.ReactNode;
} & StylingProps;
/**
* Grid component based on CSS grid.
* Grid has 12 columns across all screen breakpoints to keep consistent layouts.
* Recommended to use `Grid.Item` components as children but can take any `ReactNode` component.
*
* @example
*
* <Grid>
* <Grid.Item />
* <Grid.Item columnSpan={6}/>
* <Grid.Item columnSpan={5}/>
* </Grid>
*/
export declare const Grid: {
(props: GridProps): JSX.Element;
Item: {
(props: import("./GridItem").GridItemProps): JSX.Element;
displayName: string;
};
};
export default Grid;