design-system-simplefi
Version:
Design System for SimpleFi Applications
34 lines (33 loc) • 956 B
TypeScript
import React from 'react';
import { ReactComponentLike } from 'prop-types';
import { Property } from 'csstype';
import { SpaceSize } from '../../../theme/space/space.types';
interface GridParentProps {
$gap?: SpaceSize;
$align?: Property.AlignItems;
$cols?: number;
}
export interface GridProps extends React.HTMLAttributes<HTMLElement> {
/**
* Whitespace around each child of the Inline
*/
gap?: GridParentProps['$gap'];
/**
* Number of columns in the grid
*/
cols?: GridParentProps['$cols'];
/**
* Vertical alignment of elements inside Inline
*/
align?: GridParentProps['$align'];
/**
* Tag or component reference for wrapper element
*/
wrapperEl?: ReactComponentLike;
/**
* Tag or component reference for parent element
*/
parentEl?: ReactComponentLike;
}
declare const Grid: React.FC<GridProps>;
export default Grid;