lucid-ui
Version:
A UI component library from AppNexus.
94 lines (93 loc) • 2.68 kB
TypeScript
import React from 'react';
import { StandardProps } from '../../util/component-types';
interface IGridProps extends StandardProps, React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
/** explicitly set the primary axis of the grid to Y */
isVertical?: boolean;
/** explicitly set the primary axis of the grid to X */
isHorizontal?: boolean;
/** a grid without padding separating grid cells */
isGutterless?: boolean;
/** Allow Grids to wrap multiple lines */
isMultiline?: boolean;
/** Any valid React component */
children?: React.ReactNode;
}
interface ICellProps extends StandardProps {
/** fill all twelve columns of the primary grid axis */
isFull?: boolean;
/** fill six columns of the primary grid axis */
isHalf?: boolean;
/** fill four columns of the primary grid axis */
isThird?: boolean;
/** fill three columns of the primary grid axis */
isQuarter?: boolean;
/** fill 2 columns of 12 */
is2?: boolean;
/** fill 3 columns of 12 */
is3?: boolean;
/** fill 4 columns of 12 */
is4?: boolean;
/** fill 5 columns of 12 */
is5?: boolean;
/** fill 6 columns of 12 */
is6?: boolean;
/** fill 7 columns of 12 */
is7?: boolean;
/** fill 8 columns of 12 */
is8?: boolean;
/** fill 9 columns of 12 */
is9?: boolean;
/** fill 10 columns of 12 */
is10?: boolean;
/** fill 11 columns of 12 */
is11?: boolean;
/** offset a grid cell by three columns */
isOffsetQuarter?: boolean;
/** offset a grid cell by four columns */
isOffsetThird?: boolean;
/** offset a grid cell by six columns */
isOffsetHalf?: boolean;
}
export declare const Grid: {
(props: IGridProps): React.ReactElement;
Cell: {
(_props: ICellProps): null;
displayName: string;
peek: {
description: string;
};
propTypes: {
isFull: any;
isHalf: any;
isThird: any;
isQuarter: any;
is2: any;
is3: any;
is4: any;
is5: any;
is6: any;
is7: any;
is8: any;
is9: any;
is10: any;
is11: any;
isOffsetQuarter: any;
isOffsetThird: any;
isOffsetHalf: any;
};
};
displayName: string;
peek: {
description: string;
categories: string[];
};
propTypes: {
className: any;
isVertical: any;
isHorizontal: any;
isGutterless: any;
isMultiline: any;
children: any;
};
};
export default Grid;