jobiqo-cl
Version:
[](https://circleci.com/gh/jobiqo/jobiqo-cl)
62 lines (61 loc) • 1.29 kB
TypeScript
/**
* Component that maps directly to CSS grid properties.
*
* This component was taken / inspired by https://styled-css-grid.js.org/
*/
export interface GridProps {
/**
* Class name to use.
*/
className?: string;
/**
* Number of columns to display.
*/
columns?: string | number;
/**
* Gap (space between rows and columns if equal).
*/
gap?: string;
/**
* Space between columns.
*/
columnGap?: string;
/**
* Row Gap. Space between rows.
*/
rowGap?: string;
/**
* Height for the grid.
*/
height?: string;
/**
* Minimum height for rows.
*/
minRowHeight?: string;
/**
* Grid flow.
*/
flow?: string;
/**
* Number of rows.
*/
rows?: string | number;
/**
* Grid areas as specified in the css grid spec.
*/
areas?: string[];
/**
* Content justification (horizontal).
*/
justifyContent?: string;
/**
* Alignment (verical).
*/
alignContent?: string;
}
/**
* Renders a CSS Grid based on properties sent to the component according to the
* CSS Grid spec.
*/
export declare const Grid: import("styled-components").StyledComponent<"div", any, GridProps, never>;
export default Grid;