@project44-manifest/react/dts/components/grid/grid.d.ts

Manifest Design System react components

import type * as CSSType from 'csstype';
import { CSS } from '@project44-manifest/react-styles';
import type { ForwardRefComponent } from '@project44-manifest/react-types';
interface GridProps {
    /**
     * The gap between columns
     */
    columnGap?: 'large' | 'medium' | 'small' | 'x-large' | 'x-small';
    /**
     * Shorthand for the gridTemplateColumns css property.
     *
     * @default 'auto'
     */
    columns?: CSSType.Property.GridTemplateColumns;
    /** Theme aware style object */
    css?: CSS;
    /**
     * Shorthand for the gridAutoFlow css property.
     */
    flow?: CSSType.Property.GridAutoFlow;
    /**
     * The gap between rows and columns.
     */
    gap?: 'large' | 'medium' | 'small' | 'x-large' | 'x-small';
    /**
     * The gap between rows
     */
    rowGap?: 'large' | 'medium' | 'small' | 'x-large' | 'x-small';
    /**
     * Shorthand for the gridTemplateRows css property.
     *
     * @default 'auto'
     */
    rows?: CSSType.Property.GridTemplateRows;
}
declare const Grid: ForwardRefComponent<"div", GridProps>;
interface GridItemProps {
    /**
     * Shorthand for the gridArea css property.
     */
    area?: CSSType.Property.GridArea;
    /**
     * Shorthand for the gridColumn css property.
     */
    column?: CSSType.Property.GridColumn;
    /**
     * Shorthand for the gridColumnEnd css property.
     */
    columnEnd?: CSSType.Property.GridColumnEnd;
    /**
     * Shorthand for the gridColumnStart css property.
     */
    columnStart?: CSSType.Property.GridColumnStart;
    /** Theme aware style object */
    css?: CSS;
    /**
     * Shorthand for the order css property.
     */
    order?: CSSType.Property.Order;
    /**
     * Shorthand for the gridRow css property.
     */
    row?: CSSType.Property.GridRow;
    /**
     * Shorthand for the gridRowEnd css property.
     */
    rowEnd?: CSSType.Property.GridRowEnd;
    /**
     * Shorthand for the gridRowStart css property.
     */
    rowStart?: CSSType.Property.GridRowStart;
}
declare const GridItem: ForwardRefComponent<"div", GridItemProps>;
export type { GridItemProps, GridProps };
export { Grid, GridItem };
//# sourceMappingURL=grid.d.ts.map