UNPKG

3 kBTypeScriptView Raw
1import * as React from 'react';
2export declare type gridSpans = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
3export interface GridItemProps extends React.HTMLProps<HTMLDivElement> {
4 /** content rendered inside the Grid Layout Item */
5 children?: React.ReactNode;
6 /** additional classes added to the Grid Layout Item */
7 className?: string;
8 /** the number of columns the grid item spans. Value should be a number 1-12 */
9 span?: gridSpans;
10 /** the number of rows the grid item spans. Value should be a number 1-12 */
11 rowSpan?: gridSpans;
12 /** the number of columns a grid item is offset */
13 offset?: gridSpans;
14 /** the number of columns the grid item spans on small device. Value should be a number 1-12 */
15 sm?: gridSpans;
16 /** the number of rows the grid item spans on medium device. Value should be a number 1-12 */
17 smRowSpan?: gridSpans;
18 /** the number of columns the grid item is offset on small device. Value should be a number 1-12 */
19 smOffset?: gridSpans;
20 /** the number of columns the grid item spans on medium device. Value should be a number 1-12 */
21 md?: gridSpans;
22 /** the number of rows the grid item spans on medium device. Value should be a number 1-12 */
23 mdRowSpan?: gridSpans;
24 /** the number of columns the grid item is offset on medium device. Value should be a number 1-12 */
25 mdOffset?: gridSpans;
26 /** the number of columns the grid item spans on large device. Value should be a number 1-12 */
27 lg?: gridSpans;
28 /** the number of rows the grid item spans on large device. Value should be a number 1-12 */
29 lgRowSpan?: gridSpans;
30 /** the number of columns the grid item is offset on large device. Value should be a number 1-12 */
31 lgOffset?: gridSpans;
32 /** the number of columns the grid item spans on xLarge device. Value should be a number 1-12 */
33 xl?: gridSpans;
34 /** the number of rows the grid item spans on large device. Value should be a number 1-12 */
35 xlRowSpan?: gridSpans;
36 /** the number of columns the grid item is offset on xLarge device. Value should be a number 1-12 */
37 xlOffset?: gridSpans;
38 /** the number of columns the grid item spans on 2xLarge device. Value should be a number 1-12 */
39 xl2?: gridSpans;
40 /** the number of rows the grid item spans on 2xLarge device. Value should be a number 1-12 */
41 xl2RowSpan?: gridSpans;
42 /** the number of columns the grid item is offset on 2xLarge device. Value should be a number 1-12 */
43 xl2Offset?: gridSpans;
44 /** Modifies the flex layout element order property */
45 order?: {
46 default?: string;
47 md?: string;
48 lg?: string;
49 xl?: string;
50 '2xl'?: string;
51 };
52 /** Sets the base component to render. defaults to div */
53 component?: React.ElementType<any> | React.ComponentType<any>;
54}
55export declare const GridItem: React.FunctionComponent<GridItemProps>;
56//# sourceMappingURL=GridItem.d.ts.map
\No newline at end of file