welcome-ui/dist/types/components/Grid/index.d.ts

Customizable design system with react • styled-components • styled-system and ariakit.

import { CreateWuiProps, WuiProps } from '../System';
export interface GridOptions {
    /** same as gridArea */
    area?: WuiProps['gridArea'];
    /** same as gridAutoColumns */
    autoColumns?: WuiProps['gridAutoColumns'];
    /** same as gridAutoFlow */
    autoFlow?: WuiProps['gridAutoFlow'];
    /** same as gridAutoRows */
    autoRows?: WuiProps['gridAutoRows'];
    /** same as gridColumn */
    column?: WuiProps['gridColumn'];
    /** same as columnGap */
    columnGap?: WuiProps['columnGap'];
    /** same as gridGap */
    gap?: WuiProps['gap'];
    /** same as gridRow */
    row?: WuiProps['gridRow'];
    /** same as gridRowGap */
    rowGap?: WuiProps['rowGap'];
    /** same as gridTemplateAreas */
    templateAreas?: WuiProps['gridTemplateAreas'];
    /** same as gridTemplateColumns */
    templateColumns?: WuiProps['gridTemplateColumns'];
    /** same as gridTemplateRows */
    templateRows?: WuiProps['gridTemplateRows'];
}
export type GridProps = CreateWuiProps<'div', GridOptions>;
export declare const Grid: import('../System').CreateWuiComponent<"div", GridProps> & {
    Item: import('../System').CreateWuiComponent<"div", import('./Item').ItemProps>;
};