@eccenca/gui-elements
Version:
GUI elements based on other libraries, usable in React application, written in Typescript.
26 lines (25 loc) • 1.1 kB
TypeScript
import React from "react";
import { RowProps as CarbonRowProps } from "@carbon/react/es/components/Grid/Row";
export interface GridRowProps extends Omit<CarbonRowProps<"div">, "narrow"> {
/**
* Do not wrap column children when there is not enough space available.
* This only works for grids on medium sized and larger viewports.
*/
dontWrapColumns?: boolean;
/**
* Row uses maximum height of the workview.
*/
fullHeight?: boolean;
/**
* When a row is vertically stretched then it uses the remaining spcae on the y-axis.
* Option can be used on multiple rows, then they share the available space.
* This makes only sense if the grid height is set by additional styles or properties.
* The grid must be set to `verticalStretchable=true`.
*/
verticalStretched?: boolean;
}
/**
* Grid rows exists as children in a grid and can contain columns.
*/
export declare const GridRow: ({ children, className, dontWrapColumns, fullHeight, verticalStretched, ...otherProps }: GridRowProps) => React.JSX.Element;
export default GridRow;