@greensight/gds/types/components/emotion/Layout/Item.d.ts

Greensight Design System

import React, { FC } from 'react';
import { AllowMedia } from '../../../types/emotion/Layout';
export interface LayoutItemProps extends React.HTMLProps<HTMLDivElement> {
    /** Item content. */
    children?: React.ReactNode;
    /** Column settings. */
    col?: AllowMedia<number | [number, number] | string>;
    /** Row settings. For grids only. */
    row?: AllowMedia<number | [number, number] | string>;
    /** Area name. For grids only. */
    area?: AllowMedia<string>;
    /** Main axis self alignment. For grids only. */
    justify?: AllowMedia<'start' | 'end' | 'center' | 'stretch'>;
    /** Cross axis self alignment. */
    align?: AllowMedia<'start' | 'end' | 'center' | 'stretch'>;
    /** Order. */
    order?: AllowMedia<number>;
    /** Expand on all available space. For flex only.  */
    grow?: AllowMedia<boolean | number>;
}
/**
 * Inner `Layout` component for creating layout cells.
 */
export declare const Item: FC<LayoutItemProps>;