@eccenca/gui-elements/dist/types/components/Grid/GridColumn.d.ts

GUI elements based on other libraries, usable in React application, written in Typescript.

import React from "react";
import { ColumnProps as CarbonGridColumnProps } from "@carbon/react/es/components/Grid/Column";
export interface GridColumnProps extends Omit<CarbonGridColumnProps<"div">, "max" | "xlg" | "lg" | "md" | "sm"> {
    /**
     * Column width is small, using 3 (or 2, on medium viewports) parts out of 16.
     * This boolean property is basically a quick switch for setting `{ md:2, lg:3 }`.
     */
    small?: boolean;
    /**
     * Column width is medium, using 5 (or 3, on medium viewports) parts out of 16.
     * This boolean property is basically a quick switch for setting `{ md:3, lg:5 }`.
     */
    medium?: boolean;
    /**
     * Alignment of column content.
     */
    verticalAlign?: "top" | "center";
    /**
     * Overwrite column sizes by using the original size config of the Carbon grid column.
     */
    carbonSizeConfig?: Pick<CarbonGridColumnProps<"div">, "max" | "xlg" | "lg" | "md" | "sm">;
}
/**
 * Grid columns can be used in grid rows.
 * They can contain other grids if this is necessary for more complex layouts.
 */
export declare const GridColumn: ({ children, className, small, medium, verticalAlign, carbonSizeConfig, ...otherProps }: GridColumnProps) => React.JSX.Element;
export default GridColumn;