UNPKG

1.53 kBTypeScriptView Raw
1import * as React from 'react';
2export declare type gridItemSpanValueShape = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
3export interface GridProps extends React.HTMLProps<HTMLDivElement> {
4 /** content rendered inside the Grid layout */
5 children?: React.ReactNode;
6 /** additional classes added to the Grid layout */
7 className?: string;
8 /** Adds space between children. */
9 hasGutter?: boolean;
10 /** The number of rows a column in the grid should span. Value should be a number 1-12 */
11 span?: gridItemSpanValueShape;
12 /** the number of columns all grid items should span on a small device */
13 sm?: gridItemSpanValueShape;
14 /** the number of columns all grid items should span on a medium device */
15 md?: gridItemSpanValueShape;
16 /** the number of columns all grid items should span on a large device */
17 lg?: gridItemSpanValueShape;
18 /** the number of columns all grid items should span on a xLarge device */
19 xl?: gridItemSpanValueShape;
20 /** the number of columns all grid items should span on a 2xLarge device */
21 xl2?: gridItemSpanValueShape;
22 /** Modifies the flex layout element order property */
23 order?: {
24 default?: string;
25 md?: string;
26 lg?: string;
27 xl?: string;
28 '2xl'?: string;
29 };
30 /** Sets the base component to render. defaults to div */
31 component?: React.ElementType<any> | React.ComponentType<any>;
32}
33export declare const Grid: React.FunctionComponent<GridProps>;
34//# sourceMappingURL=Grid.d.ts.map
\No newline at end of file