lucid-ui
Version:
A UI component library from AppNexus.
54 lines (53 loc) • 1.71 kB
TypeScript
import React from 'react';
import { StandardProps } from '../../util/component-types';
interface IResponsiveGridCellProps extends StandardProps {
}
interface IResponsiveGridWrapperProps extends StandardProps, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> {
/**
* Break points for the grid to switch column layouts. Break points should be provided
* in ascending order. Currently only two break points are used. Example: [960, 1430]
*/
breakPoints: number[];
}
interface IResponsiveGridProps extends IResponsiveGridWrapperProps {
/**
* Width of the grid. Note: this does not set the width of the grid, and should be
* provided by calculating the width of the parent element.
*/
width: number;
}
export declare class ResponsiveGrid extends React.Component<IResponsiveGridProps> {
static displayName: string;
static propTypes: {
width: any;
breakPoints: any;
className: any;
};
getColumnLayout: (numberOfColumns: number) => JSX.Element;
shouldComponentUpdate(nextProps: IResponsiveGridProps): boolean;
render(): JSX.Element;
}
declare const ResponsiveGridWrapper: {
(props: IResponsiveGridWrapperProps): JSX.Element;
Cell: {
(_props: IResponsiveGridCellProps): null;
displayName: string;
peek: {
description: string;
};
};
defaultProps: {
breakPoints: number[];
};
displayName: string;
propTypes: {
breakPoints: any;
className: any;
};
peek: {
description: string;
categories: string[];
madeFrom: string[];
};
};
export default ResponsiveGridWrapper;